请选择 进入手机版 | 继续访问电脑版

极客蜗牛

查看: 284|回复: 1

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

[复制链接]

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
发表于 2017-12-20 18:08:39 | 显示全部楼层 |阅读模式






1、首先引入animate css文件
  1. <head>
  2.   <link rel="stylesheet" href="animate.min.css">
  3. </head>
复制代码
2、给指定的元素加上指定的动画样式名
  1. <div class="animated bounceOutLeft"></div>
复制代码
3、如果说想给某个元素动态添加动画样式,可以通过jquery来实现:
  1. $('#yourElement').addClass('animated bounceOutLeft');
复制代码
4、当动画效果执行完成后还可以通过以下代码添加事件
  1. $('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

0

主题

8

帖子

37

积分

新手上路

Rank: 1

积分
37
发表于 2018-3-15 05:26:52 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|极客蜗牛

GMT+8, 2019-6-24 19:48 , Processed in 0.059742 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表