JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv">Test</div>

CSS

.transition {
    transition: left linear .4s;
    -moz-transition: left linear .4s;
    -o-transition: left linear .4s;
    -webkit-transition: left linear .4s;
}

#mydiv { position: relative; left: 0 }

JavaScript

$(function () {
    $('#mydiv').css('left', '50px');
});

$(window).load(function(){
    $('#mydiv').css('left', '100px');
    $('#mydiv').addClass('transition');
});