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

1 vote340 views1 answer
Css on hover do something to children
CSS
0 vote324 views1 answer
Flex direction tailwind
CSS
0 vote324 views1 answer
Ignore br css
CSS
2 votes351 views2 answers
Poppins cdn
CSS
0 vote375 views1 answer
Patterns with css
CSS
4 votes318 views6 answers
Css grid
CSS
45 votes367 views3 answers
Collapse all code vscode
CSS
3 votes305 views3 answers
Blinking animation css
CSS
50 votes297 views5 answers
Child css
CSS
4 votes317 views2 answers
How to make fonts respnsive
CSS