首先在head中引入下载的animate.css文件
然后你想要哪个元素进行动画，就给那个元素添加上animated类 以及特定的动画类名，animated是每个要进行动画的元素都必须要添加的类。
假设使用jquery，要给一个id为demo的元素添加一个摇动的动画,因为摇动的动画类名为shake
这样载入页面，元素就能动起来了。你也可以在动画完成后，把动画类移除，以便可以再次进行同一个动画。
至于动画的配置参数，比如动画持续时间，动画的执行次数等等，你可以在你的的元素上自行定义，覆盖掉animate.css里面所定义的就行了。
注意这些属性还要记得加上各浏览器的前缀。
总之是很灵活的，说到底不就是一个css文件吗，一看就懂的，你在里面想怎么整就怎么整，不想用它提供的类名，就在里面改掉就行了。如果你只想用里面的部分动画，也可以把那些要使用的动画分离出来，它的官网也提供了这样的功能。
好像 jquery animate不支持-webkit-transform，我是试了很多遍都不成功！jquery.css()还支持，.addw{
-webkit-transition: all 0.5s ease-in-out
-moz-transition: all 0.5s ease-in-out
transition: all 0.5s ease-in-out
}
.add{
-webkit-transform: scale(0.5)
-moz-transform: scale(0.5)
-ms-transform: scale(0.5)
transform: scale(0.5) }
然后用jquery.addclass("addw").addclass("add")这样就可以了！上stack overflow上收的也多半是这种办发
