hover interactive animation in css code example
Example 1: 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); }
}
Example 2: css hover animation
a:hover {
color: #252525;
}