Drawing SVG lines

[emr07]

Hi,  how can I ensure that the animations do not all occur at the same time? What I need is for the vertical line to start after the two halves of circles have finished their animation.

See the Pen eYbaZPx by emr1984 (@emr1984) on CodePen.

[GreenSock]

Just toss them into a timeline so you can sequence them. Add the ScrollTrigger to the timeline: 

See the Pen poqmbrm?editors=0010 by GreenSock (@GreenSock) on CodePen.

 

Does that help? 

[emr07]

Yes!, thank you!