本文目录一览：
- 1、前端CSS动画框架animate.css使用说明
- 2、animate.css怎么用
- 3、animate.css动画初始状态隐藏
- 4、animate.css有什么作用
- 5、animate.css 动画库怎么用
- 6、如何使用animate.css
前端CSS动画框架animate.css使用说明
Github地或派址:
体验地址：
使用：
(1)仅仅执行动衫渣贺梁陪画，不执行其它操作
$('#yourElement').animateCss('bounce');
(2)先执行动画，完成之后，执行其它操作
$('#yourElement').animateCss('bounce', function() {
// Do somthing after animation
});
animate.css怎么用
首先要下载animate.css
然后在你编写页面的时候要引喊隐用这个css 在查看中文文档，或者英文郑轿厅文档来帆渣添加class 达到你想要的效果
animate.css动画初始状态隐藏
在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动衫手源的企业网站，但初始状态下需要隐藏有动画的元素
可以给animated类添加opacity:0属性 ，动画在开始状态是隐藏的，当动画元素出现在屏幕可视区域，动画会自动执行，执行完动画会保持最后一个状态薯物不变，也就是不会隐藏，但使用是有前提的！！敲重点-animate.css
在animate.css中能使用这或态种方法的动画类名只有和fadeIn相关的才能用 ，fadeIn、fadeInUp、fadeInDown、fadeInLeft、fadeInRight都可以使用
像slideInUp这些slideIn相关的都不能使用
animate.css有什么作用
里面是写好的一些css3动画效果， 你只需要引用这个样式，调用里面的对应的效果就行了
animate.css 动画库怎么用
首先在head中引入下载的animate.css文件
然后你想要哪个元素进行动画，就给那个元素添加上animated类 以及特定的动画类名，animated是每个要进行动画的元素都必须要添加的类。
假设使用jquery，要给一个id为demo的元素添加一个摇动的动画,因为摇动的动画类名为shake，蚂枯所以代码是这样的：
这样载入页面，元素就能动起来了。你也可以在动画完成后，把动画类移除，以便可以再次进行同一个动画。
至于动画的配置参数，比如动画持续时间，动画的执行次数等等，你可以在你的的元素上闷配洞自卖碧行定义，覆盖掉animate.css里面所定义的就行了。
注意这些属性还要记得加上各浏览器的前缀。
总之是很灵活的，说到底就是一个css文件，一看就懂的，你在里面想怎么整就怎么整，不想用它提供的类名，就在里面改掉就行了。如果你只想用里面的部分动画，也可以把那些要使用的动画分离出来，它的官网也提供了这样的功能。-animate.css
如何使用animate.css
animate.css是一个css3动画库，可以到github上去下载，里面预设了很多种常用的动画，可以先在本页看下演示效果，使用也很简单，因为它是把不同的动画绑定到了不同的类里，所以我们想要使用哪种动画的时候，只需要简单的把那个相应的类添加到元素上就行了：-animate.css
首先在head中引入下载的animate.css文件
然后你想要哪个元素进行动画，就给那个元素添加上animated类举灶铅 以及特定的动画类名，animated是每个要进行动画的元素都必须要添加的类。
假设使用jquery，要给一个id为demo的元素添加一个摇动的动辩裂画,因为摇动的动画类名为shake
这样载入页面，元素就能动起正好来了。你也可以在动画完成后，把动画类移除，以便可以再次进行同一个动画。
至于动画的配置参数，比如动画持续时间，动画的执行次数等等，你可以在你的的元素上自行定义，覆盖掉animate.css里面所定义的就行了。
注意这些属性还要记得加上各浏览器的前缀。
总之是很灵活的，说到底不就是一个css文件吗，一看就懂的，你在里面想怎么整就怎么整，不想用它提供的类名，就在里面改掉就行了。如果你只想用里面的部分动画，也可以把那些要使用的动画分离出来，它的官网也提供了这样的功能。-animate.css
