如何使用css动画按顺序为未知数量的项目制作动画?

时间:2014-09-14 13:05:28

标签: css css3 css-animations

我有一个项目网格,我想要动画,以便它们以某种顺序出现,但我事先并不知道我将拥有多少项目。项目应根据它们所在的对角线出现。因此,在下面的示例网格中,单元格1应首先进入,然后进入编号为2的单元格,依此类推。

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

我知道我可以使用javascript设置动画延迟,但有没有一种纯粹的CSS方式来做到这一点?

1 个答案:

答案 0 :(得分:1)

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