Jump to content
Search Community

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

peterwolf test
Moderator Tag

Go to solution Solved by Carl,

Recommended Posts

  • Solution

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

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...