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 votes189 views2 answers
Div rounded corners
CSS
2 votes238 views2 answers
Display none transition
CSS
1 vote223 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
3 votes213 views1 answer
Diable focus button css
CSS
0 vote231 views1 answer
Link css in django template
CSS
1 vote247 views1 answer
Css rules only for mozilla
CSS
1 vote181 views1 answer
Css hover lighten background color
CSS
2 votes242 views1 answer
Changong text color css
CSS
27 votes235 views4 answers
Unselectable text css
CSS
0 vote223 views1 answer
Display content in column css
CSS