Jump to content


How to add delays between yoyo iterations in GSAP3

Recommended Posts

Hi there. 

I have spent a few hours trying to figure out the best way to add a delay between yoyo iterations using GSAP3 but I still couldn't figure it out. I have tried repeatDelay but that is not what I want. I have also tried keyframes property but I am not sure if I am doing it right. Can someone show me the ropes? It will be much appreciated. Thank you.

See the Pen rNxdqre by Shaderpixel (@Shaderpixel) on CodePen

Link to comment
Share on other sites

Hey shaderpixel. In this case I'd use a repeat: 1 and yoyo: true on the tween and apply repeat: -1 to the timeline with a repeatDelay:

See the Pen MWKVPZa?editors=0010 by GreenSock (@GreenSock) on CodePen


Happy tweening :) 

  • Like 2
Link to comment
Share on other sites

Thank you so much for the quick response @ZachSaucier. 💡 I see now how the timeline child is in its own encapsulated yoyo repeat and there is a global repeat that handles the repeat delays. Thank you again.

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.