title: CSS3 animation repeat transform effect
body: <p>I want to create an animation effects which sort of "shakes" an image on hover. Its like the iPhone effects that appers when you hold down an App for some seconds and all Apps starts to shake.</p>
  
  <p>It would be nicest if it was possible by using pure CSS3 but if its not possible I can use Javascript/jQuery also.</p>
  
  <p>So what have do I got so far? Its just a one way rotation using pure CSS:</p>
  
  <pre><code>img:hover {
      -webkit-transform: rotate(3deg);
      -webkit-transition: all 0.5s ease-in-out;
  }​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/27UeT/" rel="nofollow">http://jsfiddle.net/27UeT/</a></p>
  
  <p>About browser compatibility the only requirement is that it should work for Chrome. </p>