网站首页 » 前端开发 » 前端工具 » WEB前端动画库汇总篇(应有尽有)
上一篇:
下一篇:

WEB前端动画库汇总篇(应有尽有)

作为前端开发人员动画效果是硬性要求,如果还不会就得开始学习啦,像我这样的新手一开始应该要懂得站在巨人的肩膀上,先把别人的东西用起来,熟悉了之后就可以模仿别人的实现,研读别人的代码,好了不多说,还是赶紧走进动感世界吧!

dynamics.js。一个用于创建物理运动动画的 JavaScript 库,非常的实用,不管是对象、DOM 元素、还是 SVG 都驾驭得了。

bounce.js。它可以让你生成一系列非常有动感的动画效果,值得为之点赞的是它是通过生成 CSS3 样式来实现动画的。所有你只需要通过它来生成样式就可以了,具体用法可以到官网了解。

vivus.js。通过 SVG 可以让你做到类似于画面的动画效果(描绘)。具体例子可以查看这里 https://maxwellito.github.io/vivus-instant/。这个效果还是很常用的,值得收藏。

mo.js。一个非常炫丽的形态动画库,真的很棒。

anime.js。又一个强大的动画库插件,支持 SVG 、对象、DOM。

ani.js。这个动画库的用法有些特别,具体可以到官网看看。

snabbt.js。这个动画库效果还是挺棒的。不信?看看这几个在线 DEMO :

scrollreveal.js。非常酷炫的进场效果。

matter.js。这个动画库真的是吊炸天了,接近现实生活中的物理运动、碰撞、惯性动画库。

parallax.js。这个效果也很常见,类似于视觉差效果。

animatable。一个属性,两个值,创造无限可能。

Animate.css。纯 CSS3 实现的动画库,非常地好用。

Magic Animations。这个跟Animate.css 动画库用法一样,通过添加 CLASS 类来实现动画。

CSShake。元素颤抖效果。

Hover.css。鼠标悬浮效果,够用一辈子了。

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/animation-library-collection/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END