LIEPS GmbH Posted December 8, 2023 Share Posted December 8, 2023 Hello there, i have a bootstrap 5 dropdown with some items. I created a simple opacity & x translate stagger animation. When you click the dropdown and wait until the animation ends and then click the other dropdown all is fine, until you click fast between these dropdowns the animation breaks and gets bugged. Is there a smarter/better way to reset these animation? Thanks! See the Pen YzBBOpV by Sofatroll (@Sofatroll) on CodePen Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted December 8, 2023 Solution Share Posted December 8, 2023 Check out our own @Carl amazing tutorial creating distinct mouseenter and mouseleave animations. Should provide you with the logic that is needed here. Hope it helps and happy tweening! 3 Link to comment Share on other sites More sharing options...
LIEPS GmbH Posted December 8, 2023 Author Share Posted December 8, 2023 Nice One, this is so simple and powerfull. It is what i want. Thank you! 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