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 vote113 views1 answer
Css last 3 childs
CSS
0 vote114 views1 answer
Change size
CSS
0 vote111 views1 answer
How to use css in material ui
CSS
0 vote105 views1 answer
Set number word to new line html
CSS
0 vote105 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
3 votes107 views2 answers
Div align right in css
CSS
5 votes102 views2 answers
Scss hover
CSS
19 votes112 views2 answers
Center div css flex
CSS
0 vote133 views1 answer
Nuxt scss
CSS
0 vote113 views1 answer
Mvc dynamic css
CSS