Hello,
I am not sure this is what Chris wanted. You see, with a simple restart, you just jump at the beginning of the animation. So if you are in the middle of one animation and go for another, it doesn't transition smoothly. From what I see, I think that the actual intention is to build a "state machine" with smooth transitions between states, regardless of the current situation.
To do that, the trick is to basically re-define the animation whenever you want to trigger it. Maybe GSAP could have a property for the .from and .to animations to recalculate the animation every time the animation plays, idk. Anyway, here is the pen:
https://codepen.io/christosnc/pen/XWggVNg
Try to quickly change animations to see how it now smoothly transitions from one to another.
