title: Repeating a nested CSS animation
body: <p>I'm trying to get this loading bar:
  <a href="http://www.webfroze.com/css/loading-animation-circle-style" rel="nofollow">http://www.webfroze.com/css/loading-animation-circle-style</a></p>
  
  <p>to repeat indefinitely.</p>
  
  <p>I tried</p>
  
  <pre><code>-moz-animation:loading 1s infinite;
  -webkit-animation:loading 1s infinite;
  </code></pre>
  
  <p>But this wont work since the animation is build up on 5 separate animated spheres which animate subsequent to one another, so setting them to repeat the infinite option messes it up</p>