Animate.css

使用過幾回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 戳這裏