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

168 votes410 views6 answers
Box shadow css property
CSS
0 vote279 views1 answer
Wordpress force https
CSS
0 vote311 views1 answer
Maximum length for input box
CSS
0 vote294 views1 answer
Css change scroll anchor point under navbar
CSS
-2 votes335 views2 answers
Scss how to declare variable for multiple files
CSS
9 votes328 views3 answers
Css grid repeat
CSS
2 votes349 views2 answers
Restrict a paragraph height css
CSS
0 vote318 views1 answer
Label for centered image
CSS
0 vote313 views1 answer
Value error w2 should be positive but is
CSS
81 votes377 views6 answers
Second child css
CSS