【第22期】观点:IT 行业加班,到底有没有价值?

Animate css3动画 使用文档

原创 2016年08月30日 16:08:39

1.先引入animate.min.css 文件。
下载网址:http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css

2.效果实现有两种方式:

2.1给指定的元素加上类 “animated bounceOutLeft” ,animate是基本类 必须加上,而后一个就是根据自己想要的效果来增加类。
2.2添加动态效果,可以用jq来实现

$('#yourElement').addClass('animated bounceOutLeft').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
   $(this).removeClass();
})

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

$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimatio nend animationend', doSomething); 

整理的压缩包下载: http://pan.baidu.com/s/1nuDrHhv

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

CSS3动画效果-animate.css

animate.css 是提供炫酷,有趣,跨浏览器css3动画的网站,你可以在高级项目中使用这些效果,为高级浏览器用户提供更好的交互体验。动画效果包括强调突出,滑块,淡入淡出,放大缩小等等。你也可以结

Animate.css 一款强大的预设css3动画库

Animate.css内置了很多典型的css3动画,兼容性好使用方便。Animate.css是一个有趣的,跨浏览器的css3动画库。很值得我们在项目中引用。Animate.css 提供炫酷,有趣,跨浏...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

使用HTML5和CSS3来创建幻灯片

译自:http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-presentat

解密Animate.css之CSS3动画实现方式大全源码(6星级)

源: http://www.100sucai.com/css3/3.html ##“` 摇摆 animation {-webkit-animation:shake 1s .2s eas...

animate.css – 齐全的CSS3动画库

http://www.dowebok.com/98.html
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)