JSFiddle - React, Tailwind, and code Playground

by Nikita Jadhao

HTML

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>

CSS

div{
    position:absolute;
}
.a{
    width:60px;
    height:1px;
    background:#000;

}
.b{
    width:1px;
    height:60px;
    background:#000;

}
.c{
    margin-top:59px;
    width:60px;
    height:1px;
    background:#000;

}
.d{
    margin-left:59px;
    width:1px;
    height:60px;
    background:#000;   

}

JavaScript

$(document).ready(function(){
   settimeout( $('.a').animate({height:"300px"}),
              200);
     settimeout( $('.b').animate({height:"300px"}),
              200);
     settimeout( $('.a').animate({height:"300px"}),
              200);
     settimeout( $('.a').animate({height:"300px"}),
              200);
    
});