Scroll into view - one by one element

I’m trying to make the elements pop one by one when scrolled into view. My issue is that even if elements are in one row, I still want them to pop one by one. Scroll into view applied to the class works perfectly but they all pop at the same time. I want them to do it one by one. Any ideas?

You can use interaction delay:

I would make a few, based on the max number of elements you have appearing per row. Let’s say it’s three, so you’d have three interactions:

Scroll In 1 - no delay
Scroll In 2 - .1 sec delay
Scroll In 3 - .2 sec delay

Something like that would work I believe.

You could also change the scroll offset slightly on three different interactions.