JSFiddle - React, Tailwind, and code Playground

HTML

<button>move</button>

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

CSS

.box{
    height:100px;
    width:100px;
    background-color:yellow;
    transition:all 1s ease 1s;
    position:absolute;
    left:0;
}

.move{
    transition-delay:0s;
    left:500px;
}

JavaScript

$('button').click(function(){
    $('.box').addClass('move').on('transitionend',function(){
        $(this).removeClass('move');
    });
});