JSFiddle - React, Tailwind, and code Playground

HTML

<span class="anim">I</span>  <span class="anim">a</span><span class="anim">m</span>  <span class="anim">L</span><span class="anim">o</span><span class="anim">r</span><span class="anim">d</span>  <span class="anim">V</span><span class="anim">o</span><span class="anim">l</span><span class="anim">d</span><span class="anim">e</span><span class="anim">m</span><span class="anim">o</span><span class="anim">r</span><span class="anim">t</span>

CSS

span.anim {
    font-size:30px;
    opacity:0;
    animation: anim 1s;
    animation-fill-mode: forwards;
    -webkit-animation: anim 1s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim {
    from {
        -webkit-transform: rotate(0deg);
        opacity:0;
    }
    to {
        -webkit-transform: rotate(360deg);
        opacity:1;
    }
}

@keyframes anim {
    from {
        transform: rotate(0deg);
        opacity:0;
    }
    to {
        transform: rotate(360deg);
        opacity:1;
    }
}

span.anim:nth-child(1) { -webkit-animation-delay:0.5s; }
span.anim:nth-child(2) { -webkit-animation-delay:1.0s; }
span.anim:nth-child(3) { -webkit-animation-delay:1.5s; }
span.anim:nth-child(4) { -webkit-animation-delay:2.0s; }
span.anim:nth-child(5) { -webkit-animation-delay:2.5s; }
span.anim:nth-child(6) { -webkit-animation-delay:3.0s; }
span.anim:nth-child(7) { -webkit-animation-delay:3.5s; }
span.anim:nth-child(8) { -webkit-animation-delay:4.0s; }
span.anim:nth-child(9) { -webkit-animation-delay:4.5s; }
span.anim:nth-child(10) { -webkit-animation-delay:5.0s; }
span.anim:nth-child(11) { -webkit-animation-delay:5.5s; }
span.anim:nth-child(12) { -webkit-animation-delay:6.0s; }
span.anim:nth-child(13) { -webkit-animation-delay:6.5s; }
span.anim:nth-child(14) { -webkit-animation-delay:7.0s; }
span.anim:nth-child(15) { -webkit-animation-delay:7.5s; }
span.anim:nth-child(16) { -webkit-animation-delay:8.0s; }