Как перемещать блок на js анимируя?

Question

[bekawaa]

const block = document.querySelector(".block2");

let position = 0;
let position2 = 0;
let position3 = 0;

const mover = () => {
    if (position < 350) {
        position += 15;
        block.style.left = `${position}px`;
        setTimeout(() => {
            mover();
        }, 200);
    } else if (position >= 350 && position2 < 350) {
        position2 += 15;
        block.style.top = `${position2}px`;
        setTimeout(() => {
            mover();
        }, 200);
    } else if (position2 >= 360 && position3 < 350) {
        position3 += 15;
        block.style.right = `${position3}px`;
        setTimeout(() => {
            mover();
        }, 200)

    }
}
mover();

третье условия работает но сам блок не перемещается

Comments

[Сергей Сергей]

-block.style.right = `${position3}px`;
+block.style.left = `${position-position3}px`;

setTimeout( mover, 200 );