title: WebKit animation on start
body: <p>I've set WebKit keyframes on :hover and element is transforming as it should. Reversed effect should be activated when user removes his mouse cursor from element (basically onmouseover and onmouseout in JS). </p>
  
  <p>So I've created reverse keyframes and put them in default CSS selector. Problem is that these keyframes activate on page load, but I need them to be activated only if you move mouse from the element.</p>
  
  <p>Is there some other property that needs to be set or is this achieveable only with JS?</p>
  
  <p>EDIT: Here is JSFiddle test case (view in WebKit, ofcourse): <a href="http://jsfiddle.net/nkEwQ/" rel="nofollow">http://jsfiddle.net/nkEwQ/</a></p>