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 vote227 views1 answer
Add a class to header
CSS
0 vote235 views1 answer
Colored button link scss
CSS
32 votes222 views6 answers
Animations css
CSS
2 votes246 views1 answer
Background gradient problem
CSS
0 vote227 views1 answer
Css transition only once
CSS
0 vote253 views2 answers
Elementor accordion closed by default
CSS
0 vote231 views1 answer
Html how to ensure that the header always on top
CSS
2 votes223 views10 answers
Css
CSS
0 vote191 views1 answer
Css logo color
CSS
17 votes234 views4 answers
Li remove dot css
CSS