animate css3动画效果使用
animate.css 是一个用于实现 CSS 3 动画效果的样式库。代码引用方式包括通过 link 标签打包引用或通过 seajs.use 引入样式文件。具体代码示例如下:
seajs.use(['jquery', 'alice/animate/1.0.0/animate.css'], function($) {
$('#test').addClass('animated bounceOutLeft'); // 可以将 'bounceOutLeft' 替换为其他动画效果
});
你还可以通过改变动画元素的参数来控制动画的时长、延迟和循环次数等:
#yourElement {
-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: infinite;
}
API 演示了各种动画效果的使用方法,并允许开发者定制动画参数。
下载地址
用户评论