Animate.css(一款有意思的CSS3動畫庫)，animate.csscss3

Animate.css(一款有意思的CSS3動畫庫)，animate.csscss3

官網：https://daneden.github.io/animate.css/

animate.css 是一款跨瀏覽器的動畫庫。

使用方式：

例子：

<h1 class="animated infinite bounce">Example</h1>

當你將 animate.css 與 jQuery 一起使用或者添加你自己的 CSS 規則時， 你可以用 animate.css 做一大堆其他的事，使用 jQuery 動態添加動畫：

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

你也可以檢測一個動畫是否結束了：

$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);

注意： jQuery.one() 用在你希望只執行事件一次 的時候。

你可以改變動畫的期間，添加延遲或改變它執行的次數：

#yourElement {  -vendor-animation-duration: 3s;  -vendor-animation-delay: 2s;  -vendor-animation-iteration-count: infinite;}

注意：確保用供應商的首碼（webkit, moz, 等等）來替換上面CSS中的 vendor