能解决80%需求的 10个 CSS动画库!

前言

点赞再看，养成习惯~

1.Animista

网站地址:http://animista.net/
网站描述:在线生成 css 动画

 

---

在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web开发学习交流群(545667817 )，里面都是 CSDN 的小伙伴，并整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS 到移动端HTML5的项目实战的学习资料都有整理，想学习的都可以申请加入，大家互相学习，互相交流，共同进步，每日分享不同的学习资料！

---

 

Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能：

1. 选择不同的动画

我们可以选择想要的动画类型（例如entrance/exist），除了可以选择某个动画（例如，scale-in）外，甚至还可以为该动画选择不同的展示效果（例如： scale-in-right）。

 

2. 定制

Animista还提供了一个功能，允许我们定制动画的某些部分，比如

• duration
• delay
• direction

更好的是，可以选择要设置动画的对象:

 

3. 生成CSS代码

选择适合自己需要的动画后，我们可以直接从网站上获取代码，甚者可以进行压缩：

 

4. 下载代码

另一个好用的功能是，可以把自己收藏自己喜欢的动画，然后一起下载下来， 或者，我们也可以选择将这些动画的代码复制到一起。

 

2. Animate CSS

网站地址: