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

16 votes213 views4 answers
Arrow right css
CSS
1 vote220 views1 answer
Chrome button black white border
CSS
1 vote185 views1 answer
Quitar puntos a lista css
CSS
0 vote222 views1 answer
All heading tags selector scss
CSS
18 votes190 views2 answers
How to make a game engine
CSS
1 vote203 views2 answers
Git apagar branch local
CSS
14 votes209 views6 answers
Bootstrap image size
CSS
1 vote246 views3 answers
How to add link click script in url
CSS
0 vote161 views1 answer
Laravel load css from public
CSS
0 vote199 views4 answers
Tailwind to css converter
CSS