強大的動畫插件。

使用animate,css和wow.js 很好用，很輕量。

 

強大的animate.css 和 wow.js

 

外鏈引入：

Css:

 

 

網上直接搜animate.css

Js:

wow.js同時配合 jquery.js使用

 

 

 

第一點：

 

 

直接使用類，想要什麼效果直接去https://daneden.github.io/animate.css/

這個網站，選擇想要的效果，直接寫到class中，但注意，全部的效果，都要

加  wow

 

第二點：

在js中，使用前先new一下.

 

 

 

 

 

高級用法：

 

第一點：

< section  class = 「 wow slideInLeft 」  data-wow-duration = 「 2s 」  data-wow-delay = 「 5s 」 > </ section >

< section  class = 「 wow slideInRight 」  data-wow-offset = 「 10 」   data-wow-iteration = 「 10 」 >

</ section >

 

data-wow-duration：表示動畫持續的時間。

data-wow-delay：表示動畫延遲時間

data-wow-offset：表示偏移

data-wow-iteration：迭代

 

第二點：

 

自定義配置：

 

 

 

 

 

 

主要後面三點，其中offset很重要意思爲:觸發動畫時到元素的距離