animate.css是一个强大的CSS3动画库，它使用简单，只需要添加的网页元素，对应的类相关的影响可以翻转、滑动、旋转等复杂的跨浏览器的惊人的动画，使动画制作页面的开发变得非常简单。
首先给你看效果图：
效果演示源代码下载
如何使用它
首先，介绍了动画CSS文件。
复制代码代码如下所示：
然后将指定的动画类样式名添加到指定的元素中。
复制代码代码如下所示：
这包括两类的名字，第一个是基本的，和风格的名字，必须加入任何元素，你想实现已被添加到的风格。二是指定的动画风格的名字，那是你想要的，什么样的动画效果，并指定相应的动画风格的名字。如果你想使动画循环，你可以添加样式：无限。
animate.css提供以下的动画效果，可以直接使用类的风格，就像文章：jQuery动画jQuery动画提到。
反弹，闪光脉冲，橡皮筋，摇动，摆动，摆动，Tada，果冻，bouncein，bounceindown，bounceinleft，bounceinright，bounceinup，bounceout，bounceoutdown，bounceoutleft，bounceoutright，bounceoutup，渐明，fadeindown，fadeindownbig，fadeinleft，fadeinleftbig，fadeinright，fadeinrightbig，fadeinup，fadeinupbig，淡出，fadeoutdown，fadeoutdownbig，fadeoutleft。FadeOutLeftBig，fadeoutright，fadeoutrightbig，fadeoutup，fadeoutupbig，flipinx，flipiny，flipoutx，flipouty，lightspeedin，lightspeedout，rotatein，rotateindownleft，rotateindownright，rotateinupleft，rotateinupright，rotateout，rotateoutdownleft，rotateoutdownright，rotateoutupleft，rotateoutupright，铰链，洛林，推出，同时，zoomindown，zoominleft，zoominright，zoominup、缩小、zoomoutdown，zoomoutleft，zoomoutright，zoomoutup，slideindown，slideinleft，slideinright，slideinup，slideoutdown，slideoutleft，slideoutright，slideoutup
如果您想动态添加一个元素的动画样式，您可以用jQuery实现它：
复制代码代码如下所示：
$（# yourelement）。AddClass（'animated bounceoutleft）；
当动画效果完成时，可以通过以下代码添加事件：
复制代码代码如下所示：
$（# yourelement '），（'webkitanimationend mozanimationend msanimationend oanimationend animationend做的事）；
