Streaming live at 10am (PST)

Delay animation for elements on the same row


Hey guys!

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…



Here is my public share link:


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.