How to reverse a timeline

[ChronixPsyc]

Hi guys,

 

I've scowered the forums and cannot actually find an answer to this (most likely extremely simple) issue I have.

 

I am trying to make this mask reverse and repeat itself on complete.

 

I've tried everything and cannot for the life of me get it to work.

 

Would anyone be kind enough to explain to me how to use reverse and restart or resume if thats what I need to use?

 

My code is below:

var tl = new TimelineLite();

tl.fromTo(powerMask, 1, {height:250}, {height:0})
		
		$('#background').one("click", function() {
			tl.stop();
			arrowRotation();
		})

Many thanks!

[jamiejefferson]

I'm assuming you want the timeline to automatically reverse right (not tl.reverse())? TimelineLite doesn't have repeat functionality, but TimelineMax does. Try:

var tl = new TimelineMax({ repeat:-1, yoyo:true });
// repeat:-1 means repeat forever
// yoyo:true makes it play then reverse then play etc

[ChronixPsyc]

 

I'm assuming you want the timeline to automatically reverse right (not tl.reverse())? TimelineLite doesn't have repeat functionality, but TimelineMax does. Try:

var tl = new TimelineMax({ repeat:-1, yoyo:true });
// repeat:-1 means repeat forever
// yoyo:true makes it play then reverse then play etc

 

That's amazing! Thank you so much!