Animate.css是用CSS3编写的动画合集，拥有数十种元素入场或离场的动画效果，你只需要引入animate.css文件就可以轻松调用里面的动画，为自己的元素增加动画效果。

而我们调用的方法也很简单，首先引入animate.css

<link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet"  />

譬如你的

<div class="circle"></div>

需要调用名为bounce的动画，只需要

<div class="circle bounce animated"></div>

如果想要动画无限循环，再多加一个名为infinite的class

<div class="circle bounce animated infinite"></div>

所有的DEMO在Animate.css项目主页中均可以浏览，所以这里就不做演示地址。

点击这里下载Animate.css

项目主页：http://daneden.github.io/animate.css/