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