我们想在网页上应用一些炫酷的动画特效,如果原生手敲代码的话,肯定要敲下长长的一段代码,效率较低且需要考虑很多相关的旁枝末节,现在我们可以使用动画神器——Animate.css,不仅能够提升效率而且使用简单,对小白猿也很友好,有着很多实用的动画特效。
Animate.css是一个跨浏览器的CSS动画库,朋友们可以在这里(https://daneden.github.io/animate.css/)访问下载文件。
使用Animate.css也异常简单,只需要简单的两个步骤:
引用animate css文件
<head>
<link rel="stylesheet" href="animate.min.css">
</head>
给指定的元素加上指定的动画样式名
<div class="animated swing"></div>