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 vote121 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
1 vote151 views2 answers
Absolute vertical position css
CSS
0 vote125 views1 answer
Barra de rolagem vertical css
CSS
0 vote115 views1 answer
Page rotate css
CSS
0 vote105 views1 answer
Test typescript
CSS
0 vote115 views1 answer
Css invert text color
CSS
17 votes124 views1 answer
Calc sass variables
CSS
0 vote119 views1 answer
Set another font in css
CSS
1 vote117 views1 answer
Vue import css scoped
CSS
0 vote108 views1 answer
Css animated cross mark
CSS