如何通过一个事件（ hover ， click ..）触发css3动画的重新执行？
在stackoverflow找到一个相关的 问题 ，但是下面给出的答案也不起作用。

http://jsfiddle.net/arunpjohny/8WQcy/1/

这篇文章挺好的，介绍了重新运行css3动画的不同方法

animation 必须是 infinite ， animation-play-state 才有效。

restart用这种方法挺好：

 // retrieve the element
element = document.getElementById("logo");

// reset the transition by...
element.addEventListener("click", function(e) {
  e.preventDefault;

  // -> removing the class
  element.classList.remove("run-animation");

  // -> triggering reflow /* The actual magic */
  // without this it wouldn't work. Try uncommenting the line and the transition won't be retriggered.
  element.offsetWidth = element.offsetWidth;

  // -> and re-adding the class
  element.classList.add("run-animation");
}, false);