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 vote288 views1 answer
How to hover over an individual cell in table css
CSS
0 vote289 views1 answer
Css remove list indent
CSS
145 votes366 views6 answers
Import bootstrap in react
CSS
-2 votes305 views2 answers
Tailwind border bottom
CSS
0 vote283 views1 answer
Boxsizing
CSS
0 vote282 views2 answers
Html5 vs css3
CSS
102 votes337 views6 answers
@media query css
CSS
2 votes321 views1 answer
Are you sure you want to delete html
CSS
0 vote268 views1 answer
Text width tailwindcss
CSS
1 vote283 views1 answer
Javafx right-align in vbox
CSS