<div class="main">
<img src="./images/small.jpg" />
</div>
img {
width: 50px;
height: 50px;
animation: move 5s 1;
}
.main {
width: 300px;
height: 300px;
border: 3px solid black;
background-color: blue;
}
@keyframes move {
25% {
transform: translateX(500%);
}
50% {
transform: translateY(500%);
}
}
Начал делать анимацию, на фотографии я выделил то как я хочу чтобы она происходила красным цветом, а то как она происходит - черным. Наверное я какой-то момент упустил, поэтому не понимаю почему она так работает
Я написал только пол анимации, не доделал тк работает неправильно