Keep animation playing until it finished on unhover in CSS

user_18646049 0
Viewed 34

So i have this block of code that makes an animation:

.c:hover{
    animation: rotate 1s ease;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
}

Basically i want the animation to keep playing even after unhover until it ends

Can anyone help?

css
0 Answers
Related