開始CSS動畫JavaScript

Question

如何用js開始CSS動畫？第一行（webkitAnimation）有效，但其他行不行。

anim_logo.style.webkitAnimation="threesixty 3s"; 
anim_logo.style.mozAnimation="threesixty 3s"; 
anim_logo.style.oAnimation="threesixty 3s"; 
anim_logo.style.animation="threesixty 3s"; 

爲什麼？

live preview（點擊忍者星）

Answer 1

你最好做一個單獨的類與動畫，只是在需要的時候將其連接到您的元素：

anim_logo.setAttribute("class", yourAnimationClass); 

UPDATE

要刪除新添加的類可以使用延遲功能：

function animateMe() { 
    anim_logo.setAttribute("class", yourAnimationClass); 
    setTimeout(function() { 
     anim_logo.setAttribute("class", ""); 
    }, 3000); 
}