- Animate.css动画演示 下载需要的css文件
- 引入文件
<link rel="stylesheet" href="animate.min.css">
- HTML 及使用
<div class="animated bounce" id="dowebok"></div>
animated 类似于全局变量,它定义了动画的持续时间
bounce 是动画具体的动画效果的名称,你可以选择任意的效果
如果动画是无限播放的,可以添加 class infinite - animate.css 的默认设置可以重新设置
#dowebok {
animate-duration: 2s; //动画持续时间
animate-delay: 1s; //动画延迟时间
animate-iteration-count: 2; //动画执行次数
}