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 vote200 views1 answer
.quform-sub-label
CSS
0 vote214 views1 answer
Ion-split-pane width
CSS
0 vote187 views1 answer
How to set image size without changing aspect ratio in css
CSS
5 votes207 views3 answers
Set scroll position bottom in div css
CSS
0 vote190 views3 answers
Center ul
CSS
0 vote181 views1 answer
Shadow on hover class on card bootstrap
CSS
0 vote194 views1 answer
Css border up and down
CSS
5 votes204 views2 answers
No outline css
CSS
0 vote213 views1 answer
Css basics
CSS
0 vote193 views1 answer
Line circle in css
CSS