JSFiddle - React, Tailwind, and code Playground

HTML

<div id="transition"></div>

CSS

#transition {
    position: absolute;width: 500px;  height: 300px;border: 1px solid black; color: #ffff00; font-size: 100px; background:blue;
    transition: width 3s linear 5s, color 2s;
}

JavaScript

$("#transition").delay(5000).animate({width: "400px"}, {duration: 1000, queue: true});
$("#transition").delay(2000).animate({left: "100px"}, {duration: 1000, queue: true});