Animate.css 一款强大的预设css3动画库
来源:互联网 发布:淘宝助理出错 编辑:程序博客网 时间:2024/05/16 11:06
1、首先引入animate css文件
<head> <link rel="stylesheet" href="animate.min.css"></head>2、给指定的元素加上指定的动画样式名
<div class="animated bounceOutLeft"></div>
这里包括两个class名,第一个是基本的,必须添加的样式名,任何想实现的元素都得添加这个。第二个是指定的动画样式名。
3、如果说想给某个元素动态添加动画样式,可以通过jquery来实现:
$('#yourElement').addClass('animated bounceOutLeft');
4、当动画效果执行完成后还可以通过以下代码添加事件
$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);
5、所有的动画样式名请参见demo页面。 提取码 fv3m
0 0
- Animate.css 一款强大的预设css3动画库
- Animate.css 一款强大的预设css3动画库
- Animate.css 一款强大的预设css3动画库
- Animate.css 一款强大的预设动画库
- 强大而酷炫的CSS3动画库Animate.css使用方法
- animate.css CSS3动画库
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- css3动画简介以及动画库animate.css的使用
- animate.css高大上的CSS3动画库
- animate.css – 齐全的CSS3动画库
- animate.css – 齐全的CSS3动画库
- CSS3动画库 —— Animate.css
- 静态方法及异常处理
- JavaMail发送和接收邮件
- Android Animations动画之简单学习
- Android关于处理运行时变化如横竖屏切换等问题
- J2EE:MyEclipse中不能将WEB项目发布到TOMCAT中解决办法
- Animate.css 一款强大的预设css3动画库
- bootstrap兼容IE各版本的浏览器问题
- [HihoCoder]#1037 : 数字三角形
- 生活中的常识
- 1026. 程序运行时间(15) PAT 乙级
- 机器学习学习笔记 PRML Chapter 1.1 Introduction
- arduino 学习笔记(一)
- SecureCRT 详细使用图文教程(按步骤)
- 用catkin工作空间覆盖(overlaying)