WOW.js 是依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果
首先要引入animate.css文件(<link rel="stylesheet" href="animate.css">)
在结构中的代码:
<div class="wow slideInLeft" data-wow-duration="2s"></div>
<div class="wow slideInRight"></div>
类名前面的wow是每一个带动画的元素都要加的,slideInLeft就是说明动画样式。
后面可加:
data-wow-duration(动画持续时间)
data-wow-delay(动画延迟时间)
data-wow-offset(元素的位置露出后距离底部多少像素执行)
data-wow-iteration(动画执行次数)这四个属性可选可不选。