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

如何使用

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

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

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

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

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

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

许可证

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

About liuyanghejerry

富有激情的前端工程师,专注GUI开发。

Comments are closed.

Post Navigation