The animation starts when you hover over the sprite. How can I make the animation reverse when the cursor is removed?

Question

css

for example: woman365.ru/recipes/omlet-bez-moloka
I want to do the same.
example of my code:

Answer 1

In your case, just do this:

.button1 { transition: 2s; }

    .button1:hover { transform: rotate(360deg); }