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

17 votes203 views1 answer
Css align items vertical center
CSS
0 vote210 views1 answer
Html css on class
CSS
37 votes182 views6 answers
Add gradient to text css
CSS
0 vote185 views1 answer
Roam research
CSS
0 vote183 views1 answer
Comment changer liens quand survolé html
CSS
190 votes486 views6 answers
How to use css in html
CSS
0 vote183 views1 answer
Two background css
CSS
0 vote220 views1 answer
Easyui datagrid header font size
CSS
8 votes173 views2 answers
Css multiple selectors
CSS
0 vote179 views1 answer
Css add space to the top
CSS