JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

HTML

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

CSS

.test {
    position: relative;
    width: 300px; height: 300px;
    margin: 10px;
    background: orange;
    display: none;
}

JavaScript

$(".test").each(function(index) {
    $(this).delay(100*index).fadeIn(300);
});