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

21 votes388 views2 answers
Ul css in one line
CSS
10 votes335 views6 answers
Css hover change another element
CSS
0 vote329 views1 answer
Button not aligning right css
CSS
0 vote362 views1 answer
Html how to ensure that the header always on top
CSS
0 vote385 views2 answers
Change color select arrow css cf7
CSS
1 vote329 views2 answers
Align div to right side of parent
CSS
1 vote341 views2 answers
Text align left top
CSS
13 votes365 views3 answers
How to make fixed background image in css
CSS
0 vote379 views2 answers
Wordpress style.css not updating
CSS
0 vote348 views1 answer
Css line-through color
CSS