JSFiddle - React, Tailwind, and code Playground
HTML
<p id=text>
Я к вам пишу — чего же боле?
Что я могу еще сказать?
Теперь, я знаю, в вашей воле
Меня презреньем наказать.
</p>
JavaScript
$(()=>{
$('#text').each(function(){
let chars = this.innerHTML.split('');
this.innerHTML = '';
for(let c of chars)
{
if(c=='\n')$(this).append('<br>');
else{
let span = $('<span style="opacity:0">'+c+'</span>').appendTo(this)
setTimeout(()=>span.animate({opacity:1}),Math.random()*2000)
}
}
})
})