JSFiddle - React, Tailwind, and code Playground

by Terry Mun

HTML

<div></div>

CSS

div {
    background-color: #eee;
    width: 25%;
    height: 100px;
    margin: 0 auto;
}
div p {
    color: #eee;
    text-align: center;
    line-height: 200px;
}

JavaScript

$('div').animate({
    'background-color': '#b13131',
    'width': '100%',
    'height': '200px'
}, 1000, function() {
    $(this).html('<p>Animation completed.</p>');
});