介绍几个开发前端动画不得不学的动画库

1、AniJS.js
基于 CSS3 的动画库

(http://anijs.github.io/)
在这里插入图片描述
2、Velocity.js
Velocity 是一个简单易用、高性能、功能丰富的轻量级 JS 动画库。它能和 jQuery 完美协作,并和 $.animate() 有相同的 API, 但它不依赖 jQuery,可单独使用

(http://velocityjs.org/)
在这里插入图片描述
3、vivus.js
Vivus 是一款可以执行 SVG 路径动画的轻量级 Javascript 库

(http://maxwellito.github.io/vivus/)
在这里插入图片描述
4、snabbt.js
snabbt.js 是一款轻量级的、功能强大的、简单易用的 jQuery 动画库插件

(http://daniel-lundin.github.io/snabbt.js/)
在这里插入图片描述
看 demo:

Cards

Crazy sticks

Periodic table

Laser word

5、PACE.js
网页自动加载进度条插件

(http://github.hubspot.com/pace/docs/welcome/)
在这里插入图片描述
6、Popmotion.js
Popmotion 是一个只有 12KB 的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪

扫描二维码关注公众号,回复: 5948678 查看本文章

(http://github.hubspot.com/pace/docs/welcome/)
在这里插入图片描述
7、Bounce.js
Bounce.js 是一个漂亮的关键帧动画生成工具和类库,基于 CSS3 实现

(http://bouncejs.com/)
在这里插入图片描述
8、Dynamics.js
Dynamics.js 是一款可以创建物理运动动画效果的 js 库插件

(http://dynamicsjs.com/)
在这里插入图片描述
9、cta.js
一款轻量级 Modal 模态框插件(https://kushagragour.in/lab/ctajs/)
在这里插入图片描述
10、 Rocket
(https://minimamente.com/example/rocket/)
在这里插入图片描述
11、html5tooltips.js
html5tooltips.js 是一个轻量级和简洁的 Tooltips。采用纯 JavaScript 开发,拥有 CSS 动画,不依赖任何框架(http://ytiurin.github.io/html5tooltipsjs/)
在这里插入图片描述
12、ScrollReveal.js
ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力(https://scrollrevealjs.org/)
在这里插入图片描述
13、WOW.js
WOW.js 是一款帮助你实现滚动页面时触发 CSS 动画效果的插件 收费的(http://mynameismatthieu.com/WOW/index.html)
在这里插入图片描述
14、Transit
(http://ricostacruz.com/jquery.transit/)
在这里插入图片描述
15、parallax.js
Parallax.js 是一款功能非常强大的 JavaScript 视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效,可以检测智能设备的方向。(http://matthew.wagerfield.com/parallax/)
在这里插入图片描述
16、CreateJS
CreateJS 库是一款 HTML5 游戏开发的引擎,是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包(https://createjs.com/)
在这里插入图片描述
工欲善其事,必先利其器,好好利用它们!

猜你喜欢

转载自blog.csdn.net/weixin_43460372/article/details/88685459