JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>

CSS

.line{
    height:10px;
width:10px;
background:red;
    float:left;
}

JavaScript

$("div.line").each(function (i) {
    $(this).delay(i * 1000).animate({
        height: "100px",
    }, 1000);
});