带队列的CSS3转换

Question

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

现在问题是箱子被添加到高度差60px的容器中，每个箱子的速度都设置为100s。最上方的盒子比最后一个盒子移动得更快，因为它们具有相同的速度但距离不同。如何在这里假设我想要100％的CSS3动画？

Answer 1

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