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 vote319 views1 answer
Hiding button border when clicked
CSS
0 vote317 views1 answer
Scss how to use a variable in entire angular project
CSS
0 vote316 views1 answer
Specific id under class css
CSS
18 votes342 views5 answers
Col-md-6 bootstrap
CSS
1 vote343 views1 answer
Repeat autofill css grid minmax
CSS
0 vote334 views1 answer
Table td css
CSS
0 vote350 views1 answer
Create 2 separate CSS rules for the code below:
CSS
0 vote380 views1 answer
Bootstrap-scss github
CSS Bootstrap
62 votes321 views3 answers
Css root variables
CSS
0 vote491 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap