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

8 votes198 views3 answers
Select first div css
CSS
0 vote192 views1 answer
Add pseudo buttons
CSS
0 vote223 views1 answer
Html css psd
CSS
0 vote200 views1 answer
Css hover change more than one element
CSS
0 vote212 views1 answer
Style textarea in css
CSS
1 vote245 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
1 vote178 views1 answer
Css border only top and bottom
CSS
0 vote152 views1 answer
Remove svg border
CSS
0 vote202 views2 answers
Sass example html
CSS
0 vote206 views1 answer
Chrome remove black inline from click button
CSS