title: Play CSS animation on hover, pause on hover out
body: <p>I'm trying to</p>
  
  <ul>
  <li>PLAY animation on hover.</li>
  <li>PAUSE animation on hover out (i.e don't go back to frame 0).</li>
  </ul>
  
  <p>Is it not possible to use <code>-webkit-animation-play-state: paused;</code> on a parent div?</p>
  
  <p>See an <a href="http://jsfiddle.net/fRzwS/110/" rel="nofollow noreferrer">example here</a>, when you hover out it goes back to frame 0.</p>
  
  <p>I don't want to use JS.</p>