Animated Timeline Gsap

[Leo Barbosa]

See the Pen XWvvbWY by leandrobarbosafr (@leandrobarbosafr) on CodePen.

Timeline animated with GSAP, HTML, CSS and JS

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen.

[mvaneijgen]

Hi @Leo Barbosa welcome to the forum!

 

Your animation looks good. My advise always enable markers in ScrollTriggers, so that you can see what ScrollTrigger is doing. Was there any particular question you had? Because you're animation seems to work great.

 

See the Pen rNXXLRL?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen.

[Leo Barbosa]

Hey @mvaneijgen Thanks for your message, and glad you like it, took some 3hours to make it work properly, I'm happy with the results tho and the next one will definitely add the markers.

and again thank you and really appreciate the time you took to write.