如何使用css动画按顺序动画未知数量的项目？

Question

我有一个项目的网格，我想要动画，以便他们来一个特定的顺序，但我不知道我将有多少项预先。项目应该根据它们所处的对角线显示。因此，在下面的示例网格中，单元格1应该首先出现，然后是编号为2的单元格，以此类推。

1 2 3 4 5
2 3 4 5 6
3 4 5 6 7

我知道我可以使用javascript来设置动画延迟，但是是否有一种纯粹的css方法来做到这一点呢？

Answer 1

您可以使用wow.js并使用数据属性设置偏移量。