How to make transform complete on hover?

Question

css

On hover, the icon starts transform: rotate, when the hover is removed, the transformation goes in the opposite direction. Is it possible to use css to make the transformation reset to the start on hover or remember the current position so that it does not start when the hover is removed?

Answer 1

Use css animation