JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"><span>s</span><span>o</span><span>m</span><span>e</span> <span>t</span><span>e</span><span>x</span><span>t</span></div>

CSS

.test{
    border:1px solid red;
}
.ui-effects-wrapper {
    display : inline-block;
}

JavaScript

$(document).ready(function(){
    
    var counter = 0,
        $chars  = $(".test").children();

    setInterval(function () {
        $chars.eq(counter).effect( "bounce", {times:1}, 500 );
        counter++;
        if (counter >= $chars.length) {
            counter = 0;
        }
    }, 250);
    
});