JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
<span>Проблема в том, что никогда не нужно затухание всего текста, текст обрывается на последней строчке, её и нужно затухать. Пример, о чем я говорююю:</span>
    </div>

CSS

.block{
width:380px;
color:#000;
overflow:hidden;
}


span:after{
content:"";
display:inline-block;
width:10px;
height:10px;
background:#fff;
box-shadow:-15px 5px 15px 15px #fff;
}