title: Chrome -webkit-animation-play-state flicker
body: <p>I'm rotating a circle with CSS3 and pause / run the animation with <strong>-webkit-animation-play-state</strong> on hovering the div. As soon as it starts to run again the animation seems to jump back to the start just for a split second in Chrome. In Safari everything starts and stops smooth.</p>
  
  <p>Here is the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/s5AZy/" rel="noreferrer">http://jsfiddle.net/s5AZy/</a></p>
  
  <p>Does anyone have a solution to this?</p>