Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Different timelines animating the same element, causing the animations to get mixed up.

Recommended Posts

Hi i'm making some hover animations that should behave separately. But they get mixed up. I want the sentence in the middle to fade-out and on the basis of the hovered link i want to show the accompanied hidden div.  But if you hover really fast from one link to another, the first animation gets mixed up with the following animation. Hope someone can help. 

See the Pen gOwxVrE by Samlinck (@Samlinck) on CodePen

Link to comment
Share on other sites

Hey samlinck. This is because your tweens are in conflict with each other.  Usually it's good to create animations beforehand but in this case it probably makes more sense to create a new animation each time an item is entered or left. If you do this you should make sure to overwrite the older animations:

See the Pen NWRaxRW?editors=0010 by GreenSock (@GreenSock) 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.