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

0 vote132 views1 answer
In flex-wrap remove last item margin for every row
CSS
1 vote155 views1 answer
Remove grayscale no filter css
CSS
0 vote179 views1 answer
Enable xdebug ddev
CSS
4 votes151 views2 answers
InsecureRequestWarning disable
CSS
1 vote163 views1 answer
Symfony version check
CSS
0 vote168 views1 answer
Grid style form
CSS
5 votes135 views2 answers
No outline css
CSS
0 vote138 views1 answer
Operating system font-family css
CSS
0 vote130 views1 answer
Chenge number of lines of text in css
CSS
1 vote138 views1 answer
Css font size important
CSS