Continuous CSS rotation animation on hover, animated back to 0deg on hover out

Question

I have an element that spins when you hover over it indefinitely. When you hover out, the animation stops. Simple:

@-webkit-keyframes rotate {
    from {
            


        

Answer 1

What I do is something very easy... declare a global variable at the start... and then increment the variable however much I like, and use .css of jquery to increment.