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