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

6 votes372 views3 answers
Css for safari only
CSS
4 votes411 views1 answer
Scss sass on hover pseudo-class
CSS
0 vote347 views1 answer
After before effect in css
CSS
5 votes337 views1 answer
Css animate flashing
CSS
0 vote337 views2 answers
Css animation png
CSS
8 votes368 views4 answers
CSS Grid Column
CSS
0 vote313 views2 answers
Laravel default app.css downloD
CSS
-2 votes372 views2 answers
Outline-radius css
CSS
5 votes353 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
0 vote326 views2 answers
Card css
CSS