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

3 votes148 views2 answers
How to give shadow to navbar
CSS
179 votes306 views6 answers
Filter method
CSS
1 vote136 views2 answers
Image to fill container size
CSS
1 vote130 views1 answer
Right-align in vbox
CSS
0 vote139 views2 answers
Bootstrap 5 container
CSS
1 vote327 views1 answer
Scss linear gradient not working
CSS
0 vote145 views1 answer
How to stilize title property css
CSS
76 votes160 views6 answers
Display flex css
CSS
2 votes137 views1 answer
Cool hover effects css
CSS
0 vote134 views2 answers
Disabled checkbox css
CSS