JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

CSS

.trans {
    width: 20px;
    height: 20px;
    background-color: cyan;
    -webkit-transition: all 5s ease;
       -moz-transition: all 5s ease;
        -ie-transition: all 5s ease;
         -o-transition: all 5s ease;
            transition: all 5s ease;
    opacity: 1;
}
.trans.max {
    width: 200px;
    background: yellow;
}

JavaScript

var div = $('<div class="trans" />');
$('#container').append(div);

var div = $('<div />').addClass('trans');
    $('#container').append(div);
    div.height();
    div.addClass('max');