best practice for resetting elements tweened by a timeline back to their original state?

[UltraCakeBakery]

Hello everone.

I have a timeline that tweens multiple DOM elements. I need to reset those elements back to their original state (no left over 'style' or 'css' parameters etc).

I think I can just simply set 'style' back to null but idk if this may cause problems due to possible caching in the background?
What would be the best GSAP compliant way to reset elements back to their original state?

[Jonathan]

Hello @UltraCakeBakery and Welcome to the GreenSock Forum!

 

There are various methods you can use such as clearProps or invalidate() before you restart() the animation.

 

But to better help you please provide a limited reduced Codepen demo example so we can test your code in a live environment.

 

Resources:
 

GSAP v2 TimelineMax: https://greensock.com/docs/v2/TimelineMax

GSAP v2 invalidate(): https://greensock.com/docs/v2/TimelineMax/invalidate()
 

GSAP v3 Timeline: https://greensock.com/docs/v3/GSAP/Timeline

GSAP v3 invalidate(): https://greensock.com/docs/v3/GSAP/Timeline/invalidate()

 

Happy Tweening