Таким образом, на мыши можно иметь обратную анимацию, например:
.class{
transform: rotate(0deg);
}
.class:hover{
transform: rotate(360deg);
}
но при использовании анимации @keyframes я не мог заставить его работать, например:
.class{
animation-name: out;
animation-duration:2s;
}
.class:hover{
animation-name: in;
animation-duration:5s;
animation-iteration-count:infinite;
}
@keyframe in{
to {transform: rotate(360deg);}
}
@keyframe out{
to {transform: rotate(0deg);}
}
Какое оптимальное решение, зная, что мне нужны итерации и анимация?