animate.css 动画库

animate.css是一个包含很多预设CSS动画效果的库，效果不错，而且使用非常简单。

Github地址：https://github.com/daneden/animate.css

我们可以直接在网页上引用，或者通过npm等包管理器安装：

npm install animate.css --save

使用

animate.css中，各种动画效果都独立定义了class，我们在标签上引入即可。

例子：

<p class="animated fadeIn">Hello, world!</p>

使用该库的标签必须加上animated，然后加上对应效果的标签。上面例子中，我们制造了一个淡入的效果。

控制标签

如果需要循环播放，可以加上infinite。例如：

<p class="animated fadeIn infinite">Hello, world!</p>

如果需要延迟几秒播放，可以使用delay-1s至delay-5s。例如：

<p class="animated fadeIn delay-5s">Hello, world!</p>

所有可用效果