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 vote216 views2 answers
Preloader css
CSS
44 votes208 views5 answers
Breakpoint bootstrap
CSS Bootstrap
250 votes258 views10 answers
Bootstrap cdn
CSS
23 votes185 views5 answers
Center div using flex
CSS
12 votes131 views3 answers
Css display grid
CSS
0 vote162 views1 answer
Css cap rows paragraph
CSS
0 vote199 views1 answer
Are the iphone dimensions widht then height
CSS
0 vote162 views1 answer
Css dark blue
CSS
2 votes206 views2 answers
Image rendering values css
CSS
0 vote180 views1 answer
Materialize css icons
CSS