JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<div style="background:#f00;"></div>
<div style="background:#000;"></div>
<div style="background:#ccc;"></div>

CSS

div {
  width:0;
  height:0;
  opacity:0;
  display:block;
  margin:0 auto;
}

JavaScript

var timer = 1000;

$('div').each(function(){
        setTimeout(function(){
            $('div').animate({
                width:200,
                height:200,
                opacity:1
            }, 1000);
        }, timer);
        timer += 1000;
});