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演示:以下是部分可用的动画效果。
暂无评论