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 vote232 views1 answer
List style type none still leaves room for bullet
CSS
2 votes234 views1 answer
Css make something always on top
CSS
0 vote246 views1 answer
Select third element of an id css
CSS
0 vote231 views1 answer
Css different rules on different devices
CSS
0 vote247 views2 answers
Roles
CSS
1 vote244 views1 answer
Css animate border bottom left to right
CSS
18 votes238 views8 answers
Vscode
CSS
1 vote213 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
4 votes254 views3 answers
Zoom in and out iconhtml css
CSS
0 vote272 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap