码迷,mamicode.com
首页 > Web开发 > 详细

16款创建CSS3动画的jQuery插件

时间:2017-07-18 10:09:58      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:article   let   amp   project   cin   pcl   mat   input.h   移动   

jQuery插件是用来扩展jQuery原型对象的方法。

本文搜集了用来为你的站点创建CSS3动画的一些jQuery插件。

1. jQuery Smoove

技术分享
Smoove 简化了CSS3转换效果。使得页面向下滚动时网页内容能有一种滑入的动效。

在线调试:http://wow.techbrood.com/fiddle/7

2. CSS3 Animate it

技术分享
这个插件效果和Smoove相似。

3. WaitMe

技术分享
WaitMe 是用于创建载入CSS3动画的 jQuery 插件。

4. Stroll.js

技术分享
Stroll.js 主要是列表的3d动效。

支持触摸模式(iOS & Android 4.x)。

5. Flip Quote

技术分享
jQuery Flip-Quote 这个插件能够提升阅读体验,把重点语句拉出来以单独的区块突出显示,在进入可见区域时,呈现翻滚的动效,在点击时会自己主动加亮文章中被引用的部分。

在线调试:http://wow.techbrood.com/fiddle/8

6. Tram.js

技术分享
tram.js 是跨浏览器CSS3转换的Javascript应用接口。

7. Spin.js

技术分享
实现高速旋转动效的jQuery插件,可替换载入过程动画gif。

8. Words Rotator

技术分享
文本旋转动效.

9. Custombox

技术分享
非常酷的模式窗体转换动效,包括 FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip 等等。

在线调试:http://wow.techbrood.com/fiddle/9

10. Mixit Up

技术分享
非常好的分类、过滤、排序jQuery插件。

11. Fancy Input

技术分享
提高用户输入体验的jQuery插件。可应用于input和textarea元素。

12. Textillate.js

技术分享
文本动效jQuery插件。

13. Loda Button

技术分享
载入按钮图标动效。

14. Flip Clock

技术分享
带翻转效果的时钟jQuery插件。

15. jQuery Transformlist

技术分享
jquery.transformlist 是一些transform的有机组合,以便于实现总体效果,如camera的移动等。

16. BounceThis

技术分享
页面头部下拉动效。


by iefreer

16款创建CSS3动画的jQuery插件

标签:article   let   amp   project   cin   pcl   mat   input.h   移动   

原文地址:http://www.cnblogs.com/gavanwanggw/p/7198535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!