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

18 votes189 views4 answers
Css rotate animation
CSS
0 vote195 views1 answer
Css conver innertext to html using css
CSS
0 vote208 views1 answer
Ordered list indent
CSS
0 vote205 views1 answer
Dad
CSS
2 votes188 views1 answer
Aajouter une image dans un before after
CSS
0 vote183 views1 answer
Css cap rows paragraph
CSS
0 vote189 views1 answer
Css youtube video get rid of black border
CSS
1 vote173 views1 answer
Why are suacer pans made of bakelite
CSS
25 votes217 views4 answers
Text shadow effect
CSS
7 votes192 views2 answers
Font for css code google link
CSS