JSFiddle - React, Tailwind, and code Playground

HTML

<p>IN
    <span class="fadeText">spiring</span>
    <span class="fadeText">nnovative</span>
    <span class="fadeText">genious</span>
</p>

CSS

span { display: none; }

JavaScript

$('span.fadeText').bind('fader', function(e) {
    $(this).fadeIn(500, function() {
        if ($(this).next('span').length) {
            $(this).fadeOut(1000, function() {
                $(this).next().trigger('fader');
            });
        } else {
            return false;
        }
    });
}).first().trigger('fader');