1.简介

 Animate.css是一款非常好的,跨浏览器的动画库;

2.浏览器兼容性

因为animate.css 的底层是css3,所以支持的浏览器必须对css3 支持良好;

支持版本：IE10+  谷歌  火狐Firefox(ff)  Safari  opera;

3.官网

https://daneden.github.io/animate.css/

4.使用

1>.引入需要的css 库

<link rel="stylesheet" href="animate.min.css">

2>.书写html,并且把需要做动画的元素添加上对应的类名(一共2个,其中第一个必须是animated,第二个是需要的动画效果类 )

<div class="animated bounce" id=“box"></div>

5.动态添加

可以通过jquery来实现：$('#yourElement').addClass('animated bounceOutLeft');

《知识点补充：window.location对象》方法：Window.location.reload() 强刷新当前页面