Jump to content
Search Community

Can't recreate the animation with the latest GSAP version

AsKadir test
Moderator Tag

Go to solution Solved by PointC,

Recommended Posts


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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...