Непрерывная анимация вращения CSS на пах ⇐ CSS

[Anonymous]

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

@-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;
}
< /code>

Когда вы наклоняетесь, однако, анимация внезапно прекращается, возвращаясь к 0 градусам. Я хотел бы оживить эту позицию, но у меня возникли проблемы с разработкой синтаксиса. < /P>

Любой вход был бы потрясающим!>

Подробнее здесь: https://stackoverflow.com/questions/798 ... -hover-out