使用過幾次Animate.css，現在來記錄一下用法，方便以后直接使用

首先是官網地址 ：https://daneden.github.io/animate.css/

非常好用的CSS庫， 只需要引入animate.css

 <link rel="stylesheet" href="animate.min.css">

并且為添加動畫的元素加上類名animated 以及用JS添加對應動畫效果的類名（效果直接在官網上查看）就可以完成元素動效的添加

（同時有兩個class才能夠實現動畫）

一些動畫的屬性也可以根據需求調整

    animate-duration: 1s;    //動畫持續時間
    animate-delay: 1s;    //動畫延遲時間
    animate-iteration-count: 5;    //動畫執行次數

Animate.css兼容性非常好，大部分瀏覽器都支持。

項目展示

http://static.yuntongauto.com/yth/meber

關于animation 戳這里

總結

以上是生活随笔為你收集整理的Animate.css的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。