JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>

CSS

ul {
    list-style: none;
}
li {
    height: 20px;
    margin-bottom: 5px;
    line-height: 20px;
    background: #ddd;
    opacity: 0;
}

JavaScript

$('li').each(function(i) {
    $(this).delay(i * 800).animate({'opacity': 1}, 800);
});