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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM