title: Pause a css animation
body: <p>I've found answers to my question but (being a newbie) I can't figure out how to apply them to the great animation example that I'm using.</p>
  
  <p>How would I pause this on hover?</p>
  
  <pre><code>.quote:nth-child(1) {
    -webkit-animation: cycle 15s 0s infinite linear;
    -moz-animation: cycle 15s 0s infinite linear;
    -ms-animation: cycle 15s 0s infinite linear;
    -o-animation: cycle 15s 0s infinite linear;
    animation: cycle 15s 0s infinite linear;
  }
  </code></pre>