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

22 votes109 views4 answers
Grid center align
CSS
3 votes106 views2 answers
Antialiasing css
CSS
56 votes96 views3 answers
Css curved border
CSS
165 votes155 views6 answers
How to make text bold in css
CSS
5 votes101 views4 answers
What is inset in css
CSS
0 vote107 views3 answers
Image slider html css
CSS
13 votes180 views4 answers
How to print background bootstrap
CSS Bootstrap
3 votes130 views1 answer
Html table td spacing
CSS
1 vote104 views1 answer
Import css in thymeleaf
CSS
0 vote144 views1 answer
Hiden file upload button css
CSS