title: CSS animation - animate one element after another
body: <p>I wanting to animate one element then another then another, is this possible with CSS? I can't seem to get it working, <a href="http://jsbin.com/licapepose/1/edit?html,css,output" rel="nofollow">here</a> is my attempt so far.
  I have two major problems:</p>
  
  <p>1) My animation does not happen. <br> <br>
  2) When it does happen, it will animate each element at the same time, what I wanting is animate the next element when the last has finished. Does CSS have this kind of capability yet? <br> <br>
  3) I want it to be infinite.</p>
  
  <p>I think I have name 3, but my animation wont play so I cannot test it. I am trying to make a loading animation, ideally I dont want to use JS as I assume this would be bad practice?</p>