CSS動畫庫——animate.css的使用

Animate.css是一款強大的CSS3動畫庫

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

使用方法如下所示：

（1）下載animate.css

下載地址：https://raw.githubusercontent.com/daneden/animate.css/master/animate.css

下載完成后，可以保存在項目需要引入的位置。

（2）在HTML文件中head部分引入animate.css

<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css"/>

（3）基本模板如下所示：

 

總結：其實animate.css就是通過簡單的調用class類名來實現動畫效果。實質上還是操作CSS。更多更豐富的類名可以參看官網效果，根據項目開發實際需求選擇不同的動態效果。