Stop animation and start transition on hover

Question

I have a link that\'s running an infinite animation with the background color. I want to stop the animation and transition into a different background color on hover.

<

Answer 1

I have the same issue and the solution I found is the following.

Create the animation you want and for the element you and to each assign each one a different class.

Then use .mouseover() or .mouseenter() jQuery events toggle between the classes you assigned to each animation.

It is similar to what you use for a burger menu, just with a different handler.