Jump to content


Animation "repeat: -1" and "pause" are not working as expected

Go to solution Solved by OSUblake,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I have an animation which should be working without stopping, but after some time don't know why it stops without errors and starts again after page load.
For repeating I use this code

var tlProducts = new TimelineMax({repeat: -1, yoyo: true, force3D: true});

Is there any idea about the reason?


Also as you see in the attached fiddle I have a code to stop certain animation on mouseover, but it's not working well too.What's wrong with my code?


Please advise, Thanks in advance.


Edit: Animation stopping seems more obvious after hovering element.

See the Pen by L9hd88aa (@L9hd88aa) 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.