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 vote309 views1 answer
Hiden file upload button css
CSS
59 votes282 views6 answers
Css hover
CSS
0 vote279 views1 answer
Hide navbar css
CSS
0 vote296 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS
0 vote255 views1 answer
Iphone CSS
CSS
0 vote221 views1 answer
Pointer bootstrap 4
CSS
0 vote297 views1 answer
Css display flex white-space: nowrap;
CSS
1 vote293 views1 answer
Var minus scss
CSS
1 vote275 views1 answer
Css show scrollbar if overflow
CSS
28 votes262 views3 answers
Font-face html
CSS