JSFiddle - React, Tailwind, and code Playground
HTML
<div>Something fancy is here and it wont fade.</div>
<div class='fade'>This is even better</div>
<div class='fade'>Abraham</div>
<div class='fade'>Old Smelly Hotdogs</div>
CSS
div{
margin: 10px 2px;
padding: 4px;
background-color: #eaeaea;
border: 1px solid #1b1b1b;
}
JavaScript
var delayAmount = 1000; //amount of delay between each div.
$("div.fade").each(function(index){
$(this).show().delay(index * delayAmount).fadeOut();
});