animate.css是一個(gè)css3動(dòng)畫(huà)庫(kù)，里面預(yù)設(shè)了很多種常用的動(dòng)畫(huà)，使用簡(jiǎn)單，因?yàn)樗前巡煌膭?dòng)畫(huà)寫(xiě)到了不同的類(lèi)里，所以我們想要使用哪種動(dòng)畫(huà)的時(shí)候，只需要簡(jiǎn)單的類(lèi)添加到元素上就行了：

1、首先引入animate css文件

百度cdn：

2、給指定的元素加上指定的動(dòng)畫(huà)樣式名

這里包括兩個(gè)class名，第一個(gè)是必須添加的樣式名，任何想實(shí)現(xiàn)的元素都得添加這個(gè)。第二個(gè)是指定的動(dòng)畫(huà)樣式名。比如我們官方網(wǎng)站頭部就引用了這個(gè)動(dòng)畫(huà)：

3、如果說(shuō)想給某個(gè)元素動(dòng)態(tài)添加動(dòng)畫(huà)樣式，可以通過(guò)jquery追加class來(lái)實(shí)現(xiàn)，同樣animated是必帶，第二個(gè)是動(dòng)畫(huà)：

$('#yourElement').addClass('animated bounceOutLeft');

4、你可以更改動(dòng)畫(huà)默認(rèn)持續(xù)的時(shí)間：animate-duration: 1s; 動(dòng)畫(huà)延遲時(shí)間：animate-delay: 1s; 動(dòng)畫(huà)執(zhí)行次數(shù)：animate-iteration-count: 1;

  設(shè)置完以上的內(nèi)容這個(gè)動(dòng)畫(huà)就可以執(zhí)行了，他的動(dòng)畫(huà)效果非常多，具體可以去他的演示網(wǎng)站參考。