几种 JavaScript 动画库推荐

(点击上方公众号,可快速关注)

英文:Bradley Nice   译文:Aceyclee   

zhuanlan.zhihu.com/p/28645609


简评:JavaScript 库对设计师和开发人员来说,都是非常有用的工具。它们可以为你的网站添加一些超级强大的功能,给用户带来更好的体验。


1. AniJS.js

基于 CSS3 的动画库

640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

2. Velocity.js

Velocity 是一个简单易用、高性能、功能丰富的轻量级 JS 动画库。它能和 jQuery 完美协作,并和 $.animate() 有相同的 API, 但它不依赖 jQuery,可单独使用

640?wx_fmt=jpeg

3. vivus.js

Vivus 是一款可以执行 SVG 路径动画的轻量级 Javascript 库

640?wx_fmt=jpeg

4. snabbt.js

snabbt.js 是一款轻量级的、功能强大的、简单易用的 jQuery 动画库插件

640?wx_fmt=jpeg

查看 demo:

  • Cards

  • Crazy sticks

  • Periodic table

  • Laser words


5. PACE.js

网页自动加载进度条插件

640?wx_fmt=jpeg

6. Popmotion.js

Popmotion 是一个只有 12KB 的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪

640?wx_fmt=jpeg

7. Bounce.js

Bounce.js 是一个漂亮的关键帧动画生成工具和类库,基于 CSS3 实现

640?wx_fmt=jpeg

8. Dynamics.js

Dynamics.js 是一款可以创建物理运动动画效果的 js 库插件

640?wx_fmt=jpeg

9. mo.js

挺有趣的一个动画的图形库 mo.js,页面效果真是酷炫

640?wx_fmt=jpeg

10. cta.js

一款轻量级 Modal 模态框插件

640?wx_fmt=jpeg

11. Rocket

640?wx_fmt=jpeg

12. html5tooltips.js

html5tooltips.js 是一个轻量级和简洁的 Tooltips。采用纯 JavaScript 开发,拥有 CSS 动画,不依赖任何框架

640?wx_fmt=jpeg

13. ScrollReveal.js

ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力

640?wx_fmt=jpeg

14. WOW.js

WOW.js 是一款帮助你实现滚动页面时触发 CSS 动画效果的插件

640?wx_fmt=jpeg

15. Transit

640?wx_fmt=jpeg

16. parallax.js

Parallax.js 是一款功能非常强大的 JavaScript 视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效,可以检测智能设备的方向。

640?wx_fmt=jpeg

17. CreateJS

CreateJS 库是一款 HTML5 游戏开发的引擎,是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包

640?wx_fmt=jpeg

工欲善其事,必先利其器,好好利用它们!


觉得本文对你有帮助?请分享给更多人

关注「前端大全」,提升前端技能

640?wx_fmt=png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值