TimeLine Reverse & repeat

[chilledmonkeybrain 3 Likes (Newbie)]

Hi guys.

I'm only about a week into GSAP and I've become stuck on trying to reverse the timeline on complete, then repeat infinitely. I can only mange to do one or the other, not both. I reeaaaallly tried to fix it myself using answers from other forum posts, but the solutions offered there just don't work in my pen.

I would really appreciate it if someone could fork my pen and tell me what i'm doing wrong. 

 

Thanks in advance!

 

See the Pen XpGMZZ by IanHazelton (@IanHazelton) on CodePen

[classikd 21 Likes (Newbie)]

Hello

 

I think you should use yoyo and repeat properties :

See the Pen oBVrPe by classikd (@classikd) on CodePen

[PointC 10,880 Likes (Superhero)]

Hi chilledmonkeybrain 

 

Welcome to the GreenSock forum.

 

classikd is right. You'd want to use the yoyo property along with your repeat. 

var tl = new TimelineMax({ repeat:-1, yoyo:true });

You can also add a repeatDelay if you like. Here's more info:

• repeat: https://greensock.com/docs/#/HTML5/Animation/TweenMax/repeat()/
• yoyo: https://greensock.com/docs/#/HTML5/Animation/TweenMax/yoyo/
• repeatDelay: https://greensock.com/docs/#/HTML5/Animation/TweenMax/repeatDelay/

Hopefully that helps.

 

Happy tweening and welcome aboard.

[chilledmonkeybrain 3 Likes (Newbie)]

This is by far the most pleasant forum experience I have ever had. Looking forward to being a part of this community and hopefully one day, giving back.

Thank you very much both of you!