小利的博客

前端新手----

Animate css3动画 使用文档

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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014665035/article/details/52370273
文章标签: css3 class
个人分类: html css
相关热词: animate animate库
上一篇Sortable 拖拽插件 使用文档
下一篇html css实现左右两列固定宽度中间自适应效果
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭