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 vote385 views1 answer
Css prevent text wrap
CSS
1 vote375 views1 answer
Place-items css property
CSS
1 vote348 views1 answer
Css no underline
CSS
1 vote370 views1 answer
Css put span on new line
CSS
7 votes341 views2 answers
Create circle border css
CSS
3 votes303 views1 answer
Ttf css
CSS
0 vote371 views1 answer
Css tricks stretch content full witdh
CSS
0 vote344 views1 answer
Css feather border
CSS
3 votes391 views3 answers
Box sizing border box
CSS
9 votes369 views5 answers
Css background full screen
CSS