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

3 votes290 views3 answers
Hide scroll bar when not needed
CSS
8 votes272 views5 answers
Css multicolor background
CSS
2 votes312 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
1 vote263 views1 answer
Change text color li css
CSS
2 votes282 views1 answer
Size carousel bootstrap 4
CSS
0 vote350 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote268 views1 answer
Css mutline comment
CSS
1 vote298 views1 answer
Css table grid
CSS
0 vote293 views2 answers
Memebuat html dan css login instagram
CSS
0 vote279 views1 answer
CSS fluid type sizing based on viewport
CSS