JSFiddle - React, Tailwind, and code Playground

by Mawel Don

HTML

<div id="SomeElementYouWantToAnimate">
OUESH
</div>

JavaScript

var start = null;
var element = document.getElementById('SomeElementYouWantToAnimate');

function step(timestamp) {
  if (!start) start = timestamp;
  var progress = timestamp - start;
  element.style.transform = 'translateX(' + Math.min(progress / 10, 200) + 'px)';
  if (progress < 2000) {
    window.requestAnimationFrame(step);
  }
}

window.requestAnimationFrame(step);