How to play animation on hover?

Question

I have a button that I want to rotate when the mouse hovers over it. However, while the spinning works when the mouse enters, it also spins when the mouse leaves. Here is what I

Answer 1

try this

button:hover {
  transform: rotate(360deg);
  transition: transform 1.2s linear;
}

X