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 votes147 views2 answers
Css check if mobile
CSS
0 vote151 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote149 views1 answer
Material form css
CSS
23 votes156 views3 answers
Placeholder color in css
CSS
0 vote163 views2 answers
Background image path
CSS
1 vote156 views2 answers
Css disabled option
CSS
0 vote159 views1 answer
Border radius circle button
CSS
0 vote178 views1 answer
Show modal in bootstrap 4
CSS
0 vote171 views1 answer
Css radio button size
CSS
0 vote183 views1 answer
Css change all text
CSS