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

1 vote177 views1 answer
Break pre text
CSS
18 votes277 views2 answers
Rgba blue colo
CSS
0 vote186 views1 answer
CSS - The Class Selectors - Element
CSS
4 votes204 views1 answer
Html make footer stick to bottom
CSS
3 votes255 views2 answers
How to make image not draggable in html
CSS
51 votes173 views6 answers
Text overflow ellipsis css
CSS
0 vote179 views1 answer
Comentarios en archivo scss
CSS
0 vote223 views1 answer
Add dots instead of line break in css
CSS
1 vote189 views2 answers
Css disabled option
CSS
7 votes176 views2 answers
Make images same size css
CSS