作为前端开发人员动画效果是硬性要求,如果还不会就得开始学习啦,像我这样的新手一开始应该要懂得站在巨人的肩膀上,先把别人的东西用起来,熟悉了之后就可以模仿别人的实现,研读别人的代码,好了不多说,还是赶紧走进动感世界吧!
dynamics.js。一个用于创建物理运动动画的 JavaScript 库,非常的实用,不管是对象、DOM 元素、还是 SVG 都驾驭得了。
bounce.js。它可以让你生成一系列非常有动感的动画效果,值得为之点赞的是它是通过生成 CSS3 样式来实现动画的。所有你只需要通过它来生成样式就可以了,具体用法可以到官网了解。
vivus.js。通过 SVG 可以让你做到类似于画面的动画效果(描绘)。具体例子可以查看这里 maxwellito.github.io/vivus-insta…。这个效果还是很常用的,值得收藏。
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。鼠标悬浮效果,够用一辈子了。