Непрерывная анимация вращения CSS при наведении, анимированная до 0 градусов при наведении

У меня есть элемент, который вращается, когда вы наводите его на неопределенное время. Когда вы зависаете, анимация останавливается. Просто:

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

.elem:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 1.5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

Однако когда вы зависаете, анимация внезапно прекращается, возвращаясь к 0 градусам. Я бы хотел вернуться к этой позиции, но у меня возникли некоторые проблемы при разработке синтаксиса.

Любой вклад будет потрясающим!

Ответы на вопрос(7)

Ваш ответ на вопрос