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

1 vote433 views2 answers
Inner border css
CSS
0 vote374 views2 answers
How to insert icons pseudo content
CSS
-1 vote411 views6 answers
How to comment in css
CSS
2 votes375 views2 answers
Image rendering css
CSS
0 vote397 views1 answer
Css beutify scroller
CSS
1 vote381 views2 answers
Css select all immediate children
CSS
0 vote425 views1 answer
Transform element
CSS
0 vote351 views1 answer
Chrome close tab after print
CSS
3 votes436 views1 answer
Increase text from input
CSS
-1 vote378 views1 answer
Add shadow to background image css
CSS