Jump to content
GreenSock

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

How to loop a group of Tweens

Recommended Posts

Hi,

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.

×