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(500).animate({
    width: "400px"
}, {
    duration: 1000,
    queue: true
});

setTimeout(function() {
    $("#transition").delay(2000).animate({
        left: "100px"
    }, {
        duration: 1000,
        queue: false
    });
}, 2000);