Непрерывная анимация вращения 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 градусам. Я бы хотел вернуться к этой позиции, но у меня возникли некоторые проблемы при разработке синтаксиса.
Любой вклад будет потрясающим!