Can't recreate the animation with the latest GSAP version

[AsKadir]

Hey,

I have found a great and straightforward demo on the forum of repeat and reverse animation, which was created by @mikel. Here it is

See the Pen dyooKjJ by mikeK (@mikeK) on CodePen

But using the latest GSAP version, the reverse animation doesn’t work the same as in the 3.1.1 version. The animation doesn’t stop on mouseleave. My main goal is to have repeated animation on mouseenter. But on mouseleave, I need to reverse only once instead of reversing the whole repeats. I understand I can do that with tweens and overwrite properties on mouseleave, but I'm looking for a better solution with timeline.
 

Can you help me, please?
Below is the same animation with the latest GSAP version.

See the Pen RweJVBL by naskadir (@naskadir) on CodePen

[PointC]

I think this thread can help you. Happy tweening.  

 

 

[AsKadir]

Thanks a lot, @PointC !
That what I was looking for.