title: Interrupting/stop a CSS3 transition on the actual position/state
body: <p>I am writing a jQuery plugin to animate elements via CSS3 Transitions. in jQuery there is as <code>.stop()</code> that interupts the current animation on the selected element. </p>
  
  <p>Any idea how i could stop a running CSS3 animation? Is there a native way to handle this or do i have to mesure the animation, and set the style of the animated element to the current position, color size or whaterver?</p>
  
  <p>This is the current state of the jQuery plugin:
  <a href="http://jsfiddle.net/meo/r4Ppw/" rel="noreferrer">http://jsfiddle.net/meo/r4Ppw/</a></p>
  
  <p>I have tried to set to "-webkit-transition-duration" to 0 / none / false. but it does not stop the animation.</p>