animate.css 是一种用于实现 CSS3动画样式 的工具库。代码可以通过 link 标签引入,或使用 seajs.use 来加载样式文件。使用方法如下:


seajs.use(['jquery', 'alice/animate/1.0.0/animate.css'], function($) {

  $('#test').addClass('animated bounceOutLeft'); // bounceOutLeft 可替换为其他动画效果

});

CSS3动画元素 可以通过设置自定义参数来调整动画效果,如下所示:


#yourElement {

  -vendor-animation-duration: 3s;

  -vendor-animation-delay: 2s;

  -vendor-animation-iteration-count: infinite;

}

API演示:以下是部分可用的动画效果。