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

16 votes195 views2 answers
Center h1 css
CSS
5 votes161 views2 answers
Animate left to right css
CSS
0 vote175 views1 answer
Autocomplete widget set z-index
CSS
75 votes178 views6 answers
Flexbox
CSS
6 votes141 views2 answers
Linear gradient syntax
CSS
0 vote179 views1 answer
Ipad pro css
CSS
0 vote170 views1 answer
How to make all buttons same size css
CSS
3 votes187 views1 answer
Hover apply lighter color css
CSS
3 votes190 views2 answers
Css glass effect
CSS
2 votes196 views2 answers
Poppins cdn
CSS