如何重新运行css3的动画？

Question

如何通过一个事件（hover，click..）触发css3动画的重新执行？
在stackoverflow找到一个相关的问题，但是下面给出的答案也不起作用。
http://jsfiddle.net/arunpjohny/8WQcy/1/
这篇文章挺好的，介绍了重新运行css3动画的不同方法
animation必须是infinite，animation-play-state才有效。
restart用这种方法挺好：
//retrievetheelement
element=document.getElementById("logo");
//resetthetransitionby...
element.addEventListener("click",function(e){
e.preventDefault;
//->removingtheclass
element.classList.remove("run-animation");
//->triggeringreflow/*Theactualmagic*/
//withoutthisitwouldn'twork.Tryuncommentingthelineandthetransitionwon'tberetriggered.
element.offsetWidth=element.offsetWidth;
//->andre-addingtheclass
element.classList.add("run-animation");
},false);