想讓網(wǎng)頁動起來，我們可以借助animate動畫庫，里面提供了豐富的動畫效果。
首先引入animate.css文件，可使用cdn或本地引入
然后給需要動畫的元素添加類名：
具體的動畫和其對應(yīng)的類名可以去官網(wǎng)查看。
這樣就基本實(shí)現(xiàn)動畫效果了，但除了剛進(jìn)入頁面的可視區(qū)域能看到動畫效果外，其余非可視區(qū)域在還沒滾動到位置的時(shí)候動畫效果就已經(jīng)播放完了。我們需要一個(gè)工具來實(shí)現(xiàn)滾動到誰誰播放的功能。這時(shí)我們就要用到wow.js，首先引入js庫，并給wow初始化，如圖所示：
然后在加了animate類名的元素前面加上”wow”類名。
Wow.js還提供了四個(gè)DOM屬性來控制動畫的時(shí)間、次數(shù)和距離。
1、data-wow-duration：更改動畫持續(xù)時(shí)間
2、data-wow-delay：動畫開始前的延遲
3、data-wow-iteration：動畫的次數(shù)重復(fù)（無限次：infinite）
4、data-wow-offset：開始動畫的距離（與瀏覽器底部相關(guān)）
關(guān)鍵詞:
