JSFiddle - React, Tailwind, and code Playground

by uttara

HTML

<div class="grower"></div>

CSS

.grower {
    width: 10px;
    height: 10px;
    background: green;
    position: absolute;
    top: 0;
    left: 0;
}














body {
    position: relative;
    margin: 20px;
}

JavaScript

$(document).ready(function() {
    var $grower = $('.grower');

    function runIt() {
        $grower.animate({
            width: "30px",
            height: '30px',
            left: "-6",
            top: "-6",
            opacity:"0"
        }, 800, function() {
            $grower.removeAttr("style");
            runIt();
        });
    }

    runIt();
});