title: How to pause a CSS keyframe animation when it ends the first cycle?
body: <p>I'm working on my first CSS keyframe animation and would like to know how it would be possible to pause an animation after it finishes its first run-through. You can check out my site here: <a href="http://www.tommaxwell.me" rel="nofollow">http://www.tommaxwell.me</a> and the grey quote at the bottom has a hover animation that you can see. However, once the animation is over it resets. How should I go about stopping it so that it stays in the end state of the animation when it's finished? </p>
  
  <p>I know the use of a keyframe animation in this case is kind of lame and unnecessary, but I'm really just testing out keyframes, and will use it better later. :)</p>