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 vote116 views1 answer
Flex item: 1;
CSS
1 vote308 views1 answer
Scss linear gradient not working
CSS
0 vote155 views1 answer
What is the opacity of disabled text
CSS
1 vote123 views1 answer
When is raksha bandhan in india 2020
CSS
0 vote173 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
1 vote128 views1 answer
Slickjs height
CSS
0 vote114 views1 answer
Css ios media query
CSS
-1 vote131 views2 answers
How to use before pseudo class in css
CSS
0 vote142 views1 answer
Tailwind css ui dropdown
CSS
2 votes173 views1 answer
Bootstrap dark mode
CSS