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。更多更丰富的类名可以参看官网效果，根据项目开发实际需求选择不同的动态效果。

 

转载于:https://www.cnblogs.com/sherryStudy/p/animate.html