CSS3与队列的转换

Question

我有this fiddle你可以看到有一个包含盒子元素列表的容器。我希望盒子元素逐行从底部移动到顶部。每条线的高度为60px。

现在的问题是盒子被添加到容器中，高度差为60px，每个盒子的速度设置为100s。最顶部的盒子移动速度比最后一个盒子快，因为它们具有相同的速度但距离不同。假设我想要100％的CSS3动画，我怎样才能在此处应用类似行为的队列？

Answer 1

我用一些基本的数学解决了我的问题。如果有人需要，这是the fiddle。