JSFiddle - React, Tailwind, and code Playground

by toby3105

HTML

<ul id="menu-offcanvas">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item3</li>
</ul>

CSS

.myclass {
    background-color:red;
}

JavaScript

var timeDif = 0;
$($('#menu-offcanvas li').get().reverse()).each(function () {
    var $el = $(this);
    setTimeout(function () {
        $el.addClass('myclass');
    },500 * timeDif);
    timeDif++;
});