CSS動畫：後第一

Question

我學習CSS動畫和我有一個問題加載第二個關鍵幀。

這是我的例子：

http://jsfiddle.net/MBJbB/ 注：在WebKit瀏覽器才能正常工作。

我有2個關鍵幀。我設置「第一」重複3次。

運行3次的「第一」關鍵幀後，我想叫「老二」無限次。

Answer 1

編輯：joshuanhibbert的答案是更優雅。用它。

$("#ball").bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(){ 
    $(this).addClass("infinite"); 
}); 

而且你的CSS

#ball.infinite { 
    -webkit-animation: second 1s ease-in 0 infinite alternate; 
    -moz-animation: second 1s ease-in 0 infinite alternate; 
    -o-animation: second 1s ease-in 0 infinite alternate; 
    -ms-animation: second 1s ease-in 0 infinite alternate; 
    animation: second 1s ease-in 0 infinite alternate; 
} 

的jsfiddle：http://jsfiddle.net/K74TW/