JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id="main">
    <h2>H2</h2>
    <h3>H3</h3>
    <div>Div Text Here</div>
</div>

JavaScript

$("#main > *").each(function(i){
    $(this).css({
        marginLeft : '300px'
       ,opacity: 0
    });
    duration = (i+1)*200;
    $(this).animate({
        marginLeft: "-=300px"
       ,opacity: 1
    }, duration);
});