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 vote141 views1 answer
Had to add a tint to a picture on css
CSS
0 vote132 views1 answer
Css basics
CSS
4 votes135 views2 answers
CSS shrink image
CSS
4 votes162 views2 answers
Css hex to rgb
CSS
0 vote136 views1 answer
How to use bootstrap color variables in sass
CSS
0 vote122 views1 answer
Css set strong to normal text
CSS
0 vote130 views1 answer
Combine binary numbers
CSS
0 vote132 views1 answer
Autocomplete widget set z-index
CSS
0 vote127 views1 answer
In flex-wrap remove last item margin for every row
CSS
0 vote135 views1 answer
Jquery woocommerce disable add to cart css
CSS