title: webkit-animation-play-state doesn`t work on chrome
body: <p>Yesterday I wrote on stack question about spinning circles. I get solution answer but I want to rewrite code for working on :hover. And this is main problem. Its doesnt work on chrome but it works perfect under mozilla.(by doesnt work i mean it is rotating all time. And i need it to rotate on hover)</p>
  
  <p><strong>Code:</strong></p>
  
  <p>HTML  </p>
  
  <pre><code>&lt;div class="loading"&gt;
      &lt;div class="circle-small"&gt;&lt;/div&gt;
      &lt;div class="circle-medium"&gt;&lt;/div&gt;
      &lt;div class="circle-big"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS <a href="http://jsfiddle.net/EPy52/3/" rel="nofollow">http://jsfiddle.net/EPy52/3/</a></p>