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 vote186 views1 answer
In a form how to remove the input outerline color or shadow
CSS
1 vote140 views1 answer
Fade other items on hover
CSS
2 votes137 views3 answers
Css media screen
CSS
3 votes134 views3 answers
Htaccess return 404
CSS
0 vote265 views2 answers
Create column with values mapped from another column python
CSS
0 vote136 views1 answer
Change the arrow during click css
CSS
12 votes138 views1 answer
Pair impaire css
CSS
0 vote140 views1 answer
Combine binary numbers
CSS
15 votes211 views4 answers
Docker postgres
CSS
0 vote147 views1 answer
Circle with 4 colors css
CSS