Hi Guys, Just thought I'll ask on the back of this thread. I'm really new to all of this. I'm trying to repeat a timeline twice and stop play at a label. I've worked out the repeat part but how do I make it stop at the label 'stop-point' at the end of the last repetition? Thanks in advance!
Reversing timeline animation and repeating it infinitely
in GSAP
Posted
Hi Guys, Just thought I'll ask on the back of this thread. I'm really new to all of this. I'm trying to repeat a timeline twice and stop play at a label. I've worked out the repeat part but how do I make it stop at the label 'stop-point' at the end of the last repetition? Thanks in advance!
(function(){ var tl1 = new TimelineMax({repeat: 2}); tl1.to('#myAd', .4, { opacity: 1}) .from('#myAd_text1', 0.5, { left: -600, opacity: 0, ease:Power2.easeOut}) .to('#myAd_text1', 0.3, { left: 700, ease:Power2.easeIn}, '=1.5') .from('#myAd_text2', 0.5, { left: -1300, ease:Power2.easeOut}) .to('#myAd_text3', 0.5, { opacity: 0, ease:Power2.easeOut},'=-0.7', 'stop-point') .to('#my-logo', 0.5, { opacity: 0, ease:Power2.easeOut},'=2') .to('#myAd_cta-container', 0.5, { opacity: 0, ease:Power2.easeOut}) ; }());