CSS3 动画库——animation css3动画教程

动画库-animation.css

简介

animate.css 是一个来自国外的 CSS3 动画库, 它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、

淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果, 几乎包含了所有常见的动画效果。

虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果, 但还是建议看看 animate.css 的代码, 也许你能从中学到一些东西。

浏览器兼容：当然是只兼容支持 CSS3 animate 属性的浏览器, 他们分别是：IE10+、Firefox、Chrome、Opera、Safari。

使用

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

中文API地址：http://www.dowebok.com/98.html

使用方法：

<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<!--class="基类 效果类"-->
<p class="animated bounceOutLeft">动画库~~~~~~~~~~~~~</p>
<p class="animated rotateInDownRight">动画库**********</p>
<img class="animated rubberBand" src="img/7.png"/>