Не отмечает вторую цель.
@keyframes fly{
to {transform: translate(240px, 260px) rotate(-45deg);}
}
.rocket {
animation-name:fly;
animation-duration:1.5s;
animation-timing-function:ease-out;
animation-fill-mode:backwards;
}
Не отмечает вторую цель.
@keyframes fly{
to {transform: translate(240px, 260px) rotate(-45deg);}
}
.rocket {
animation-name:fly;
animation-duration:1.5s;
animation-timing-function:ease-out;
animation-fill-mode:backwards;
}
В задании сказано с сохранением состояния после анимации
. То есть нужно применить animation-fill-mode: forwards
.