JSFiddle - React, Tailwind, and code Playground
HTML
<div class="word">
hello,
</div>
<div class="word">
how
</div>
<div class="word">
are
</div>
<div class="word">
you
</div>
<div class="word">
doing
</div>
CSS
.word {
opacity: 0;
display: inline-block;
transition: opacity 1s linear;
}
JavaScript
$('body').children('.word').each(function() {
var word = this;
setTimeout(function () {
$(word).css("opacity", 1);
}, Math.random() * 3000)
});