title: Flip element with css continuously without action
body: <p>I want to flip an element <strong>continuously</strong> on the y axis from 0 to 360 degree with css <strong>without</strong> an action (button, hover).</p>
  
  <p>Some script allow it one single time by adding a class, like: <a href="http://daneden.github.io/animate.css/" rel="noreferrer">animate.css</a></p>
  
  <p>And other just flip on button press (<a href="http://desandro.github.io/3dtransforms/docs/card-flip.html" rel="noreferrer">http://desandro.github.io/3dtransforms/docs/card-flip.html</a>) or on hover (<a href="http://davidwalsh.name/demo/css-flip.php" rel="noreferrer">http://davidwalsh.name/demo/css-flip.php</a>)</p>
  
  <pre><code>.img:hover {
     transform: rotateY(360deg);
     transition: transform 10s;
  }
  </code></pre>
  
  <p>That what I tried so far, but it does only work once and only on hover...</p>
  
  <p>Can you help me to get the code?</p>