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

2 votes332 views1 answer
How to apply hover through inline css
CSS
71 votes277 views17 answers
Box -shadow
CSS
23 votes356 views2 answers
Center align in grid
CSS
0 vote330 views1 answer
Column count css
CSS
2 votes327 views1 answer
Minimum margin css
CSS
20 votes381 views3 answers
Text overflow ellipsis two lines
CSS
6 votes337 views1 answer
Scrollbar height css
CSS
50 votes319 views4 answers
Label css
CSS
2 votes339 views1 answer
Css focus change color
CSS
-1 vote337 views1 answer
Tachar texto css
CSS