10款HTML5 Canvas可拖动的弹性大树摇摆动画

1.HTML5 Canvas可拖动的弹性大树摇摆动画

今天让我们继续来分享一个炫酷的HTML5动画，它是一款基于HTML5 Canvas的大树摇摆动画，这款HTML5动画的特点是我们可以拖拽树枝，从而让整棵树摇摆起来，这样就真实地模拟了大树从摇摆到静止的整个过程，相当逼真。

在线演示

源码下载

2.带进度条的jQuery提交按钮 进度条样式丰富

之前我们已经分享过很多不错的CSS3进度条和jQuery进度条，比如HTML5 Loading动画特效集锦中就收集了不少绚丽的进度条插件。今天我们要再介绍一组很不错的jQuery带进度条的提交按钮，并且这款进度条按钮拥有很多种进度条样式，你可以在不同的场合使用它们。

在线演示

源码下载

3.炫酷的CSS3 3D旋转按钮对话框

前面两个CSS3应用我们都介绍了对话框特效，这次还是要分享一款CSS3对话框插件，另外，这款对话框的特点是点击按钮后对话框会以3D旋转的动画特效展现出来。更令人惊叹的是，点击按钮的不同部位，对话框3D旋转的动画方式也会不同。

在线演示

源码下载

4.jQuery/CSS3 谷歌样式的登录表单

很早以前，我们分享过一款Facebook样式的登录表单，非常漂亮，而且十分简单。今天我们要来分享一款基于jQuery和CSS3的Google样式的登录表单，该表单项在被激活的时候回出现闪烁的动画效果。整个登录界面简洁大方，确实是Google的风格。

在线演示

源码下载

5.CSS3手机端侧滑菜单 4种滑动菜单特效

这是一款基于CSS3的手机端侧滑菜单，一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项，该动画方式由CSS3中的transition-delay属性来完成，具体效果大家可以看演示。

在线演示一

在线演示二

在线演示三

在线演示四

源码下载

6.jQuery对话框插件 支持拖拽

前面我们刚刚分享过一款扁平化风格的jQuery对话框插件Dialogbox，外观非常简洁。这次要分享一款支持拖拽的jQuery对话框插件，它的特点是可以弹出带iframe的对话框，功能比较不错，而且对话框还支持鼠标拖拽，因此也比较灵活。

在线演示

源码下载

7.jQuery扁平化风格的对话框插件Dialogbox

前几天我们刚刚分享过一款带遮罩的jQuery弹出层对话框，非常实用。今天我们要再介绍一款扁平化风格的jQuery对话框插件Dialogbox，Dialogbox同样有多重对话框类型，包括提示框、确认框、带选择的提示框等，是一款很不错的jQuery对话框插件应用。

在线演示

源码下载

8.jQuery仿Android锁屏图案应用插件

在Android应用中，我们经常会使用一种锁屏应用软件，你需要输入正确的连线顺序才能解开Android屏幕桌面。今天这次我们要利用jQuery来实现这种锁屏功能，例子中提供了很多种锁屏方式，也可以自定义矩阵来增加锁屏的难度。

在线演示

源码下载

9.jQuery实现美化版的单选框和复选框

之前我们分享过一款CSS3自定义发光radiobox单选框，也在很早的时候分享过一款纯CSS3美化Checkbox和Radiobox按钮。今天这款是利用jQuery实现的美化版单选框和复选框，样式风格非常简洁清爽，是一款很不错的jQuery按钮插件。

在线演示

源码下载

10.强大的CSS3动画库animate.css 50多种动画形式

今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款HTML5 Canvas可拖动的弹性大树摇摆动画