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

16 votes224 views3 answers
Exact middle of screen css
CSS
23 votes206 views1 answer
What is shadow house about
CSS
2 votes245 views2 answers
Image rendering values css
CSS
65 votes234 views3 answers
Css variables
CSS
1 vote209 views1 answer
Change scroll style angular
CSS
0 vote232 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
0 vote214 views1 answer
Remove 000webhost ads
CSS
0 vote209 views1 answer
Animated progress bar css
CSS
0 vote210 views1 answer
Fill and no repeat background image css
CSS
57 votes205 views2 answers
Hegith specific css in media query
CSS