title: Pausing CSS animation with javascript and also jumping to a specific place in the animation
body: <p>I have an endless slider built entirely with CSS animations and I want to be able to manipulate the animation with javascript (onlcick and keyboard input). I want to be able to run through the animation rapidly from one frame, ie, speeding it up.. to another to give a jumping effect when a button is pressed that refers to a specific image in the slider. Also, I want to be able to step through the animation with keyboard input... ( --> , &lt;-- )</p>
  
  <p>Does anyone know how to achieve this?</p>
  
  <p>on click..</p>
  
  <ol>
  <li>retrieve current keyframe position; </li>
  <li>set appropriate direction to destination; </li>
  <li>increase speed of animation greatly until desired keyframe is reached;</li>
  <li>either pause animation or continue from new point</li>
  </ol>
  
  <p>keyboard input…</p>
  
  <ol>
  <li>jump to specific keyframes and continue animation</li>
  </ol>