How to have multiple svg paths animation with start delay and different repeatDelay?

September 22, 2023

How to have multiple svg paths animation with start delay and different repeatDelay?

Hi folks, I'm new to GreenSock and would like to have your help to do things in the right way. I'm developing 2 or 3 paths animated, but when I add a delay parameter to the second SVG path the animation doesn't work... Thanks. See the Pen rNoJLRp by nuno360 (@nuno360) on CodePen

By peterwolf, September 22, 2023
2 replies

Hi and welcome to the GreenSock forums, Thanks for the demo. The right way in my opinion would be to use the MotionPath Plugin. Here are 2 demos I used in recent lessons in my course SVG Animation with GSAP. See the Pen zYyBKmG by snorkltv (@snorkltv) on CodePen See the Pen JjwJrqq by snorkltv (@snorkltv) on CodePen Hopefully these help