JSFiddle - React, Tailwind, and code Playground

HTML

<div class="measure"></div>
<div class="box"></div>

CSS

.box {
    position: absolute;
    background: #ff0000;
    left: 400px;
    top: 200px;
    width: 100px;
    height: 100px;
    -webkit-transition:all 1.0s linear;
    -moz-transition:all 1.0s linear;
    -o-transition:all 1.0s linear;
    -ms-transition:all 1.0s linear;    
    transition:all 1.0s linear;
}
.box.move {
    left: 200px;
    top: 100px;
}
.measure {
    position: absolute;
    left: 200px;
    top: 100px;
    width: 500px;
    height: 500px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

JavaScript

$(document).ready(function() {
    $('.box').on('click', function() {
        $(this).addClass('move');
    });
});