JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<div class="slide1" id="1">
    <img src="http://placehold.it/100.jpg" height="100" />
</div>

CSS

.slide1 {
    position: absolute;
    top: 200px;
    left: 200px;
    display: block;
}

JavaScript

var block = document.getElementById(1);

function move(element, from, to, step, delay) {
    var position = parseInt(element.style.left, 10);
    position = isNaN(position) ? from : position;
    if (position >= to) {
        position = from;
    } else {
        position += step;
    }
    element.style.left = position + "px";
    setTimeout(function () {
        move(element, from, to, step, delay);
    }, delay)
}
// Ускорил для наглядности
move(block, 0, 1000, 1, 10);