纯CSS3抽屉打开关闭动画

10,758 人浏览

2018-06-16 09:20:50

这是一款基于纯CSS3的抽屉打开关闭动画，抽屉一共有3层，每一层都标识一个名称，只有打开抽屉才可以看到。当你用鼠标点击某一个抽屉时，该抽屉便会打开，再点击一次便会关闭。当然也许这款动画对你的实际应用并不会有太大帮助，但是它可以让你学习到很多关于CSS3的动画特性。

在线演示源码下载

纯CSS3实现吸附和阴影效果的垂直菜单导航

5,385 人浏览

发表回复

2018-06-15 17:26:19

今天我们要给大家带来一款很别致的纯CSS3垂直菜单导航，它的特点是菜单项带有3D立体阴影的效果，同时当鼠标滑过菜单项时，菜单项便会吸附在页面上，移开鼠标菜单项便又会离开页面呈现3D阴影的视觉效果。这款菜单基于纯CSS3实现，因此使用非常方便。

在线演示源码下载

jQuery超酷的层叠照片墙可放大切换预览图片

7,629 人浏览

发表回复

有一段时间没有更新jQuery插件了，今天开始我们将继续为大家分享一些实用的jQuery插件和HTML5应用。今天带来的是一款基于jQuery的层叠样式照片墙，该插件允许一些不同形状的图片层叠无序的摆放在照片墙上，并且点击图片缩略图可以放大图片，并且支持上一张和下一张的图片切换。

在线演示源码下载

基于Vue.js的冒泡排序模拟动画

8,543 人浏览

发表回复

2018-04-20 16:25:46

vue.js是一款轻量级的渐进式JavaScript框架，之前我们也分享过一些基于vue.js的应用，例如这款基于Vue.js的Tooltip用户通知弹出框和基于Vue.js的超实用科学型计算器。这次给大家带来了一款基于Vue.js的有趣动画，它主要模拟了冒泡排序的过程，冒泡排序大家应该非常熟悉，这次用vue.js来直观展现冒泡排序的全过程，还是非常富有创意的。

在线演示源码下载

基于Echarts的HTML5 Canvas中国地图

36,991 人浏览

发表回复

之前我们分享过几个基于HTML5和SVG的地图应用，例如这款HTML5世界地图利用了SVG的path特性，又比如这款jQuery矢量SVG地图插件JVectorMap同样通过SVG和jQuery实现。这次我们要分享一款基于Echarts的中国地图，底层技术是HTML5 Canvas技术，正是利用了Canvas中绘制图形的便利性，这款中国地图应用可以为每一个省添加描述信息。

在线演示源码下载

jQuery大屏图文切换时间轴可循环播放

8,891 人浏览

发表回复

2018-04-14 09:56:17

今天要给大家带来一款比较特别的jQuery图片切换播放器，它的特点在于切换的不仅仅是图片，而是图文，另外每一幅图文关联时间轴上的一个节点，时间轴跟随图文切换而移动。同时，这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍历史信息，那么这款jQuery插件就非常适合你。

在线演示源码下载

CSS3 3D线条变换进度条动画

10,882 人浏览

发表回复

2018-04-12 23:10:04

之前我们分享过很多CSS3进度条动画插件，比如这9款超富有创意的CSS3进度条动画，另外还有很多。今天给大家带来的是一款基于CSS3的3D线条变换进度条动画，它是由一系列排成一行的点通过线条旋转变换形成的3D立体动画来构建一个带有进度条视觉效果的动画特效，特别适合应用在个性化比较强的页面上。

在线演示源码下载

纯CSS3磁带动画特效

5,734 人浏览

发表回复

2018-04-10 23:10:13

之前我们分享过一些基于HTML5和CSS3的磁带动画，比如这款纯CSS3实现超酷的磁带动画是利用CSS3绘制而成；这款HTML5卡带式古典播放器更是利用HTML5技术实现了磁带播放音乐。今天要带来的是一款纯CSS3绘制而成的磁带特效，它利用CSS3特性绘制了磁带，同时利用CSS3动画属性实现磁带的滚动。

在线演示源码下载

CSS3 3D立方体焦点图动画

6,167 人浏览

发表回复

之前我们分享过很多基于jQuery和CSS3的焦点图动画插件，大部分都是在平面上通过过渡动画切换不同的图片，例如这里就有10款非常不错的jQuery/CSS3焦点图插件。今天我们要在这里继续分享一款基于CSS3的焦点图插件，它的特点是图片切换容器是一个3D的立方体，点击图片后即可将该图片呈现在立方体的前面。