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(動畫執行次數)這四個屬性可選可不選。