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

0 vote221 views1 answer
Make td match display flex
CSS
1 vote155 views2 answers
Align div to right side of parent
CSS
0 vote166 views1 answer
Css ovel
CSS
4 votes151 views2 answers
Transform scale
CSS
164 votes210 views6 answers
Css bold
CSS
1 vote157 views2 answers
Textarea scale to content
CSS
5 votes154 views5 answers
Min padding
CSS
0 vote169 views1 answer
Box-sizing border-box vs content-box css
CSS
0 vote150 views1 answer
Shiny server configuration
CSS
0 vote159 views1 answer
Purge tailwind 3
CSS