Animate.css动画库的使用
来源:互联网 发布:沈阳有几种打车软件 编辑:程序博客网 时间:2024/05/22 00:11
Animate.css动画库是一个能跨浏览器的有趣的css3动画库。
在应用这个库前,你需要把这个库下载并解压取出animate.min.css文件,把取出的文件放到对应的css文件夹中;
然后代码中引用:<link rel="stylesheet" href="css/animate.min.css" />
然后在应用这个库的元素中的类名加上class="animated bounceInLeft"
animated代表引用这个css动画库,是基本的,必须添加的样式名,任何想实现的元素都得添加这个;
bounceInLeft代表引用库里面的bounceInLeft动作样式,指定的动画样式名;
应用Animate.css动画库就是这么简单,当然还有通过jquery来实现给某个元素动态添加动画样式,这个应用方法我后面再分享给大家
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/animate.min.css" />
<style>
div{font-size: 20px; color: orangered;}
</style>
</head>
<body>
<div class="animated bounceInLeft">这是一段animate.min.css库中的bounceInLeft动画特效</div>
</body>
</html>
- Animate.css动画库的使用
- 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动画库的简单使用
- vue 和animate.css 的动画使用
- 动画库animate.css的用法
- animate.css CSS3动画库
- Animate.css 动画库介绍
- animate.css的使用
- animate.css的使用
- animate.css的使用
- 动画学习之Animate.css的使用与解析
- 【Mac】树莓派的远程访问
- 常用PHP函数系列七:生成唯一的注册码
- poj 2418 Hardwood Species(Trie)
- 【jzoj3250】【Pow】
- hust 1585 排队
- Animate.css动画库的使用
- IOS int 转nsdata (把1 变为 0 0 0 1)
- 常用PHP函数系列八:计算两个时间戳之间的日期(常用于倒计时计算时间)
- 从尾到头打印链表
- java集合详解
- shell练习1:删除目录下指定文件中的指定行
- 双向循环链表函数(有删除,增加,排序,统计等功能)
- java基础学习面向对象之单例模式 五-6
- 常用PHP函数系列九:PHP判断是否微信浏览器