For the team bios grid on this site, I used the default “slide up” animation. The client would like for the 3 profiles in a row to be delayed a little instead of the entire row sliding up at the same time. Any ideas how to accomplish this? I tried googling how to use a pseudo class to target the 2nd and 3rd elements in a row, but I’m out of my depth there…
I am pondering a similar goal. I have a horizontal scroll row and I want to add an effect to each item as it scrolls through the 30vw zone. Was hoping to do this with one ix applied to a class.
Hi, I’m trying to do this too. From the lack of replies, it looks like I have to put a separate delay on each element to get them to float into place in sequence. A ‘class delay’ would be a good option.
I stumbled across the same situation and after some experimentation I found a decent solution that doesn’t require creating an independent animation for each item to have the delay effect.
The solution is basically giving each item a different offset, the higher the offset, the longer the ‘delay’. Sure it’s not the perfect solution, but it saves time.