JSFiddle - React, Tailwind, and code Playground

HTML

</style>
<body onload="anim(document.getElementById('test'), 'left', 'px', 140, 300, 500);">
 <p id='test'>LOL</p>


<script>
function anim(elem,style,unit,from,to,time) {
    if( !elem) return;
    var start = new Date().getTime(),
        timer = setInterval(function() {
            var step = Math.min(1,(new Date().getTime()-start)/time);
            elem.style[style] = (from+step*(to-from))+unit;
            if( step == 1) clearInterval(timer);
        },25);
    elem.style[style] = from+unit;
}
</script>
</body>

CSS

#test {
position: absolute;
left: 140px;
}