olafvv

Hi Carl, Thank you! This will absolutely help me Didnt know gsap.utils.toArray was a thing, amazing. I will try out your solution, without the pseudo selectors, and will definitely check out your course. Thanks again!

Hi all, I'm just starting out with GSAP and I'm trying to create a timeline for my landing page, with what it seems should be a nested timeline. In the codepen below you can see I try to animate a list. Each item has a before and after selector to create the circle and vertical line. What happens now is that it will fade in all the circles first, then the vertical line together with the text elements. The text elements have a stagger, so they will show up one by one. What I want is to animate the first circle first only, then the first vertical line, followed (or simultaneously) by the text elements of the first list item. When this is finished I want the same thing to happen to the second list item and so on. I know that the current way of setting up my timeline is not the right way and feel like it should be a nested timeline somehow. Maybe even without those before and after selectors, which is fine. Does anyone have an idea how to do this?