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 vote167 views1 answer
Initialize toast
CSS
0 vote141 views1 answer
How to get 2 words one left aligh and right align in css
CSS
2 votes207 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
2 votes154 views1 answer
Css select all except first
CSS
3 votes184 views2 answers
Scss transition
CSS
6 votes137 views6 answers
How to properly install tailwind css in react
CSS
0 vote139 views1 answer
Get postfix version
CSS
1 vote266 views1 answer
Css cell spacing
CSS
7 votes139 views2 answers
Make images same size css
CSS
1 vote237 views1 answer
@extend must be used with a %placeholder
CSS