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可拖动的弹性大树摇摆动画