如何套用animate.css

animate.css是一个css3动画库,可以到github上去下载,里面预设了很多种常用的动画,可以先在本页看下演示效果,使用也很简单,因为它是把不同的动画绑定到了不同的类里,所以我们想要使用哪种动画的时候,只需要简单的把那个相应的类添加到元素上就行了:
首先在head中引入下载的animate.css文件
然后你想要哪个元素进行动画,就给那个元素添加上animated类 以及特定的动画类名,animated是每个要进行动画的元素都必须要添加的类。
假设使用jquery,要给一个id为demo的元素添加一个摇动的动画,因为摇动的动画类名为shake
这样载入页面,元素就能动起来了。你也可以在动画完成后,把动画类移除,以便可以再次进行同一个动画。
至于动画的配置参数,比如动画持续时间,动画的执行次数等等,你可以在你的的元素上自行定义,覆盖掉animate.css里面所定义的就行了。

注意这些属性还要记得加上各浏览器的前缀。
总之是很灵活的,说到底不就是一个css文件吗,一看就懂的,你在里面想怎么整就怎么整,不想用它提供的类名,就在里面改掉就行了。如果你只想用里面的部分动画,也可以把那些要使用的动画分离出来,它的官网也提供了这样的功能。

(淡舒雅17138956962)候选人可以由村民代表推举吗? ______ 《村委会组织法》第14条规定:“选举村民委员会,由本村有选举权的村民直接提名候选人.”也就是说,凡是有选举权的村民都有提名权,这就是直接提名的原则.

(淡舒雅17138956962)请问各位大神 这些软件是什么意思有什么用 - ______ 从左到右依次是: 1. 顶级图像处理软件 Adobe Photoshop CC ,简称“PS”图像处理软件,做广告的,平面设计用它. 2. 专业矢量处理软件 Adobe Illustrator CC,简称"AI"属于设计的一种,做矢量图好用. 3. 照片编辑和整理软件Adobe ...

(淡舒雅17138956962)移动 div - ______ 你引入个jquery的库吧.假设元素样式如下,初始位置#move{position:absolute;left:500px;top:0;}js:

(淡舒雅17138956962)28岁学平面设计,想转行UI网页设计,有什么建议? ______ 现在很多的平面设计师都开始转UI设计,就现在而言,UI设计的学习内容是更广泛的... 图标绘制、 APP界面设计 第五阶段:Animate交互动画设计 Animate软件学习、 AN...

(淡舒雅17138956962)我继承父母的房子要怎样不是于夫妻共同的财产支属于我个人的财产呢 ______ 父亲生前通过遗嘱方式明确说明房屋只属于儿子,不给儿媳. 《婚姻法》第十八条 有下列情形之一的,为夫妻一方的财产: (一)一方的婚前财产;

(淡舒雅17138956962)法律上有封口费一说吗? ______ 没有.但是有时候为了化解矛盾,给补偿的情况也是有的.

(淡舒雅17138956962)jquery点击事件 - ______ 直接上代码$(".goLeft").click(function(){ var left = parseInt( $(".prolist_content").css( "left" ) ); $(".prolist_content").animate({ "left" : (left - 50) + "px" },"slow")})

(淡舒雅17138956962)jquery实现温度计 - ______ 一款jQuery实现温度计温度变化特效,可以实现温度变化时,温度计的值也跟着相应的切换变化,从而动态显示数值. <script type="text/javascript"> $(function (){ function setTimeData(){ var temdata = parseInt(Math.random()*100); $("#...

(淡舒雅17138956962)jquery动画循环问题:两个小球无限次弹跳 - ______ 纯手写 演示在我自己的服务器上 有时候会死机无法访问.......演示:http://help.kansea.com/jquery/zhidao/282037532.html<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script> ...

(淡舒雅17138956962)jquery鼠标经过没有超过2秒不执行 - ______ Obj.onmouseover=function(){ timer=setInterval(function(){},2000)} Obj.onmouseout=function(){ clearInterval(timer) }