Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Em Karimifar

How to loop a group of Tweens

Recommended Posts


So I want to loop a group of tweens (at least two!) and I've seen how to repeat one tween here. But I want to do repeat a group of tweens infinitely.

I guess I have to make a function and loop that? (not experienced in JS)

Can someone help me with that. 


Thank you!

See the Pen webMVG by EmAustin (@EmAustin) on CodePen

Link to post
Share on other sites

Hi @Em Karimifar:)


Welcome to the forum and thanks for joining Club GreenSock.


To infinitely repeat a tween or timeline you set the repeat count to -1. That being said, it looks to me like you want a seamless loop for your drawSVG animation. If that's the case, there is a little bit more to making that happen. This thread should help.


Happy tweening and welcome aboard.


  • Like 4
Link to post
Share on other sites

I got it @PointC. Actually using timeline in general was the solution for me! Timeline is wonderfully powerful, thanks!




  • Like 3
Link to post
Share on other sites

Excellent - I'm glad to hear that you got it working. Let us know if you have additional GSAP questions.


Happy tweening.


  • Like 1
Link to post
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.