JSFiddle - React, Tailwind, and code Playground

HTML

<div id="item1"></div>
<div id="item2"></div>
<div id="item3"></div>
<div id="item4"></div>
<div id="item5"></div>

CSS

div {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    width      : 30px;
    height     : 30px;
    background : #000;
    border     : 1px solid #fff;
}

JavaScript

for (var i=0; i<=5; i++){
    $('#item' + i).animate({
        left   : '+=' + (i * 30),
        bottom : '+=' + (i * -30 + 150)
    }, 500, function() {
        // Animation complete.
    });
}