gavanwanggw

导航

16款创建CSS3动画的jQuery插件

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

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

1. jQuery Smoove

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

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

2. CSS3 Animate it

CSS3 Animate It
这个插件效果和Smoove相似。

3. WaitMe

waitMe
WaitMe 是用于创建载入CSS3动画的 jQuery 插件。

4. Stroll.js

strolljs
Stroll.js 主要是列表的3d动效。

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

5. Flip Quote

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

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

6. Tram.js

tramjs
tram.js 是跨浏览器CSS3转换的Javascript应用接口。

7. Spin.js

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

8. Words Rotator

Jquery Words Rotator
文本旋转动效.

9. Custombox

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

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

10. Mixit Up

mixitup-jquery
非常好的分类、过滤、排序jQuery插件。

11. Fancy Input

Fancy-Input
提高用户输入体验的jQuery插件。可应用于input和textarea元素。

12. Textillate.js

textilliate
文本动效jQuery插件。

13. Loda Button

loda-buttons
载入按钮图标动效。

14. Flip Clock

flipclock-js
带翻转效果的时钟jQuery插件。

15. jQuery Transformlist

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

16. BounceThis

bounceThis
页面头部下拉动效。


by iefreer

posted on 2017-07-18 08:14  gavanwanggw  阅读(798)  评论(0编辑  收藏  举报