Рыбка плывет определенное расстояние, по достижению которого должна развернуться и поплыть обратно. Какие правила анимации нужно сделать?
CSS
@keyframes go-right-left {
from {
right: 0px;
}
to {
right: calc(40% - 50px);
}
}
@-webkit-keyframes go-right-left {
from {
right: 0px;
}
to {
right: calc(40% - 50px);
}
}
.fish-blue {
animation: go-right-left 60s ease infinite alternate;
-webkit-animation: go-right-left 60s ease infinite alternate;
position: relative;
}