title: Pause a WebKit animation on hover
body: <p>I'm trying to get an animation to pause on mouse over with the following:</p>
  
  <pre><code>.quote:nth-child(1):hover {
      -webkit-animation-play-state: paused;
      -moz-animation-play-state: paused;
      -o-animation-play-state: paused;
      animation-play-state: paused;
  }
  </code></pre>
  
  <p>But it does not want to pause.  Can anybody see what I'm doing wrong?</p>
  
  <p><a href="http://jsfiddle.net/j4Abq/"><strong>JSFIDDLE</strong></a></p>