带队列的 CSS3 过渡

Question

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

现在的问题是盒子被添加到容器中，高度差为 60px，每个盒子的速度设置为 100s。最上面的盒子比最后一个盒子移动得更快，因为它们的速度相同但距离不同。假设我想要 100% CSS3 动画，如何在此处应用类似队列的行为？

Answer 1

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