JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<h2>Features</h2>

<ul>
    <li>FaceTime video calling</li>
    <li>Retina display</li>
    <li>Multitasking</li>
    <li>HD video recording and editing</li>
    <li>5-megapixel camera with LED flash</li>
    <li>FaceTime video calling</li>
    <li>Retina display</li>
    <li>Multitasking</li>
    <li>HD video recording and editing</li>
    <li>5-megapixel camera with LED flash</li>
</ul>

JavaScript

$(function () {
    
    jQuery.fx.off = true;

    $('ul li').each(function (i) {
        var el = $(this);

        el.css({
            'margin-left': '200px',
                'opacity': '0'
        }).delay(Math.random() * (i * 80)).animate({
            'margin-left': '0',
                'opacity': '1'
        }, 400);
    });
    
    jQuery.fx.off = false;

    $('ul li').each(function (i) {
        var el = $(this);

        el.css({
            'margin-left': '200px',
                'opacity': '0'
        }).delay(i * 80).animate({
            'margin-left': '0',
                'opacity': '1'
        }, 400);
    });

});