首先在head中引入下載的animate.css檔案然後你想要哪個元素進行動畫，就給那個元素新增上animated類 以及特定的動畫類名，animated是每個要進行動畫的元素都必須要新增的類。假設使用jquery，要給一個id為demo的元素新增一個搖動的動畫,因為搖動的動畫類名為shake，所以程式碼是這樣的：注意這些屬性還要記得加上各瀏覽器的字首。總之是很靈活的，說到底就是一個css檔案，一看就懂的，你在裡面想怎麼整就怎麼整，不想用它提供的類名，就在裡面改掉就行了。如果你只想用裡面的部分動畫，也可以把那些要使用的動畫分離出來，它的官網也提供了這樣的功能。

首先在head中引入下載的animate.css檔案

然後你想要哪個元素進行動畫，就給那個元素新增上animated類 以及特定的動畫類名，animated是每個要進行動畫的元素都必須要新增的類。

假設使用jquery，要給一個id為demo的元素新增一個搖動的動畫,因為搖動的動畫類名為shake，所以程式碼是這樣的：

這樣載入頁面，元素就能動起來了。你也可以在動畫完成後，把動畫類移除，以便可以再次進行同一個動畫。

至於動畫的配置引數，比如動畫持續時間，動畫的執行次數等等，你可以在你的的元素上自行定義，覆蓋掉animate.css裡面所定義的就行了。

注意這些屬性還要記得加上各瀏覽器的字首。

總之是很靈活的，說到底就是一個css檔案，一看就懂的，你在裡面想怎麼整就怎麼整，不想用它提供的類名，就在裡面改掉就行了。如果你只想用裡面的部分動畫，也可以把那些要使用的動畫分離出來，它的官網也提供了這樣的功能。