如何利用animate.css给网页元素添加动画效果？
编者按：
animate.css是一个css3动画库，可以到github上去下载。github 地址：https://github.com/daneden/animate.css，animate.css里面预设了很多种常用的动画。它是把不同的动画绑定到了不同的类里，所以我们想要使用哪种动画的时候，只需要简单的把那个相应的类添加到元素上就行了。首先在head中引入animate.css文件。然后，你想animate.css是一个css3动画库，演示效果可访问：https://animate.style/。https://www.w3school.com.cn/cssref/pr_animation.asp。可以到github上去下载animate.css。github 地址：https://github.com/animate-css/animate.css，animate.css里面预设了很多种常用的动画。它是把不同的动画绑定到了不同的类里。
首先在head中引入animate.css文件。示范代码如下：<link rel="stylesheet" href="/template/default/css/animate.css">
然后，你想要给哪个元素添加动画效果，就给那个元素添加上animated类以及特定的动画类名，切记：animated是每个要进行动画的元素都必须要添加的类。示范代码如下：
<p class="animated pulse" style="animation-iteration-count: infinite;animate-duration: 6s;">需要添加动画的文字</p>
本文标签：