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 vote133 views5 answers
Boostrap css
CSS Bootstrap
0 vote152 views1 answer
How to set initial state after first time in formik
CSS
1 vote135 views1 answer
Highlight table row on hover
CSS
0 vote148 views1 answer
Text slide animation css
CSS
1 vote139 views1 answer
Zoom background image css
CSS
0 vote148 views3 answers
Svg background css
CSS
0 vote171 views1 answer
Css pause animation
CSS
0 vote140 views1 answer
Display content in column css
CSS
68 votes142 views1 answer
Css flexbox syntax
CSS
0 vote161 views1 answer
Css make background image repeat vertically
CSS