JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">this is a test              dsfafd sssssssssssss ssssssssssssssssss sssss sssssssssssssss ssssssssssssssssssss sssssssss ssss sssssssss ssssss ssssssss</div>
<div id="results"></div>

CSS

#test {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition-property: top, left, opacity;
    -moz-transition-property: top, left, opacity;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
}
#results {
    position: absolute;
    top: 100px;
}

JavaScript

$(function($) {
    var test = $("#test");
    var doneFn = function() {
            $("#results").append("transition done.<br/>");
        };
    test.bind("transitionend", doneFn);
    test.bind("webkitTransitionEnd", doneFn);
    //test.css("left", "100px");
    test.css("left", "0px");
    
});