簡介
Animate.css是一款非常好的,跨瀏覽器的動畫庫。
瀏覽器兼容性
因為animate.css的底層是css3,所以支持的瀏覽器必須對css3支持良好；
IE10+ ? ? 谷歌 ? ? 火狐Firefox(ff) ? ? Safari ? ? opera 。
官網
daneden.github.io/animate.css/
使用
1.引入需要的css庫
<link rel="stylesheet" href="animate.min.css">
1.書寫html，并且把需要做動畫的元素添加上對應的類名(一共2個，其中第一個必須是animated，第二個是需要的動畫效果類)
<div class="animated bounce" id=“box”></div>
動態添加
可以通過jquery來實現：
$('#yourElement').addClass('animated bounceOutLeft');
也可以通過javaScript的setAttribute或className形式來實現。
