title: Get/set current @keyframes percentage/change keyframes
body: <p>Is it possible to get/set the current animation percentage of a CSS3 <code>@keyframes</code> animation using javascript, jQuery, or some other means?</p>
  
  <p>Say for example there is a <code>div</code> with class called <code>.spin</code> that simply spins around in a circle using a keyframe also called <code>spin</code>. </p>
  
  <ol>
  <li><p>I have tried to get the current percentage value of the animation using <code>$('.spin').css('animation')</code>, <code>$('.spin').css('animation: spin')</code>, and a couple other ways, but they all alert empty</p></li>
  <li><p>I'm also interested in changing the original animation at each predefined  keyframe % and I have tried things like <code>$('.spin').css('animation', '..new definition here...')</code> and <code>$('.spin').css('spin', '50%', '...new definition here...)</code> to no avail.</p></li>
  </ol>
  
  <p>Any ideas?</p>