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 vote263 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote262 views1 answer
Linear gradient farthest-corner code css
CSS
0 vote247 views1 answer
Css add space to the top
CSS
0 vote259 views1 answer
Navbar bootstrap display items horizontally
CSS
3 votes263 views2 answers
Backdrop filter all properties
CSS
32 votes225 views3 answers
Add google font
CSS
12 votes243 views4 answers
Sticky header
CSS
52 votes253 views3 answers
Css position absolute middle
CSS
0 vote237 views1 answer
CSS logo left and navigation right
CSS
3 votes267 views1 answer
Watch scss to css
CSS