CODEWITHSUNDEEP
csscss-animations
bigblind
bigblind

Reputation: 12867

How to animate an unknown number of items in sequence using css animations?

I have a grid of items, that I'd like to animate so that they come in a certain order, but I don't know in advance how many items I will have. Items should appear according to the diagonal they're in. So, in the example grid below, cell 1 should come in first, then cells numbered 2, and so on.

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

I know I can just set the animation delay using javascript, but is there a pure css way to do this?

Upvotes: 2

Views: 149

Answers (1)

lifeiscontent
lifeiscontent

Reputation: 593

You could use wow.js and set the offsets using data attributes.

Upvotes: 1

Related Questions