Animate.css 一款牛逼的css3动画库

Animate.css是一款很牛逼的,跨浏览器的css3动画库,使用方法也很简单只要引入一个animate.min.css就可以了,

简单使用

1 首先引入 animate的 css 文件样式

cdn文件

下载到本地


2 给指定元素止指定样式

我们看到有三个class ,其中第一个animated  是基本样式,所有要产生动画的元素都需要,第二个infinite是可          选的,如果加了这个类,动画将循环执行,第三个就是动画特效了 ,目前animated 已经有很多动画特效了具体可          以点击这里查看www.siyouku.cn/wenqing/animation

3当动画效果执行完成可以通过以下代码添加事件

4 有时候我们需要自定我们对动画的一些设置我们可以用下面的代码实现

Animate.css 一款牛逼的css3动画库_第1张图片

相关链接

动画demo:www.siyouku.cn/wenqing/animation

github:github.com/daneden/animate.css

本文永久更新地址:www.siyouku.cn/article/6827.html

你可能感兴趣的:(Animate.css 一款牛逼的css3动画库)