Css start animation on hover

button{
  animation: rotate360 1.2s linear infinite;  /* animation set */
  animation-play-state: paused;               /* put paused */
}
button:hover{
  animation-play-state: running;              /* trigger on hover */
}
@keyframes rotate360 {                        /* keyframes of animation */
  to { transform: rotate(360deg); }           
}

Source: stackoverflow.com

Similar codes

1 vote260 views1 answer
Materialize button
CSS Materialize
22 votes158 views2 answers
Disable user select css
CSS
0 vote162 views1 answer
Css remove margin around page
CSS
0 vote148 views1 answer
Tailwind css react craco
CSS
0 vote116 views1 answer
Html.css.js
CSS
0 vote156 views1 answer
Css add margin to a particular div in print screen
CSS
-1 vote268 views6 answers
How to comment in css
CSS
0 vote156 views1 answer
.container
CSS
0 vote154 views2 answers
Align ionic icons and text css
CSS
7 votes109 views2 answers
Html vertical and horizontal center
CSS