Hi,
I have a timeline which I created beforehand and put it on pause. Then on trigger I run it with
tl.play(0)
it plays correctly the very first time but subsequent repeats are not right. What am I missing?
Thanks for help!
See the Pen aYKWgN by catico (@catico) on CodePen
yup. when you have two tweens at the same time trying to animate the same property of the same object you will cause an overwrite which means the new tween will kill the existing tween. Its wasteful to have 2 tweens fighting for control at the same time so GSAP has this optimization built in. So when you play your timeline again, some of the tweens have been killed thus making the animation look different.
2 solutions:
change your timing so that tweens do no not overla