title: CSS3 Transitions with Queue
body: <p>I have <a href="http://jsfiddle.net/B9Wrz/1/" rel="nofollow">this fiddle</a> which you can see has a container having list of box elements. I want box elements to move from the bottom to the top line by line. Each line is 60px in height. </p>
  
  <p>Now the problem is the boxes are added to the container with the height difference of 60px each box has speed set to 100s. The top most box moves faster than the last most box because they have same speed but different distances. How can I apply a queue like behaviour here assuming I want 100% CSS3 animations?</p>