Animate.css – 一套跨浏览器的CSS动画集

如果你经常使用CSS来实现动画效果，那么你一定对不断的造轮子感到痛苦。幸运的是，Animate.css已经为我们提供了一套具有可移植性的动画集。

如何使用

使用Animate.css非常简单，只需要将Animate.css包含在你的HTML页面当中，紧接着，给需要动画效果的HTML元素增加两个class即可。

你可以使用jQuery来自动化实现这一过程：

$('#yourElement').addClass('animated bounceOutLeft');

这将给id为yourElement的元素添加动画效果：bounceOutLeft。

注意，animated和bounceOutLeft都要添加，后者是动画效果的名称。

其它的动画效果则需你参考说明页面进行查询。

许可证

Animate.css遵循的是一套并不常见的☺ Licence，也即“微笑许可”。这一许可允许个人及商业性使用，无须支付任何费用，并可随需求进行复制、修改、公开、发行等等，但须遵守唯一的前提：为了让世界更美好。