01-animate.css简介_animate.css - 技术文章

CSS3 动画库——animation

动画库-animation.css

简介

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

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

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

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

使用

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

中文API地址：http://www.dowebok.com/.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&#;/>