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

13 votes107 views1 answer
Rgb gold
CSS
-1 vote106 views2 answers
How to set background automatically with my screen height
CSS
0 vote63 views2 answers
Tailwind.min.css cdn
CSS
0 vote105 views1 answer
Css 16 9 ratio
CSS
1 vote90 views1 answer
Unknown function 'mat-palette'
CSS
1 vote102 views1 answer
Show max word with css
CSS
0 vote117 views1 answer
Calendar api
CSS
0 vote104 views1 answer
What css vmin
CSS
-2 votes110 views1 answer
How to add after psuedo class in html
CSS
34 votes104 views2 answers
Box position in center css
CSS