fonveton Posted March 8, 2022 Share Posted March 8, 2022 I'm trying to animate my main menu on hover. There is real and placeholder text for menu items and the animation is hide placeholder and show real text with split text stagger. It works perfectly if you hover and release mouse slowly. But when you move your cursor over menu items fastly, some animations stuck in the middle of it. What can I do to prevent this issue? Here is the video of issue: https://streamable.com/7j8wgq See the Pen ExbzyKm by manidar (@manidar) on CodePen Link to comment Share on other sites More sharing options...
Solution OSUblake Posted March 8, 2022 Solution Share Posted March 8, 2022 Hi fonventon, You should create your timeline outside of your event handler, and then just play and reverse it. You will of course need to create a loop to do that... See the Pen eYeazKR by GreenSock (@GreenSock) on CodePen 1 Link to comment Share on other sites More sharing options...
fonveton Posted March 8, 2022 Author Share Posted March 8, 2022 Thank you, that shorten my code alot Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now