JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur ad laboriosam reiciendis. Maxime iste quasi, minus quaerat reprehenderit nostrum neque eius quos, autem, repellat magni accusamus eaque quis veniam fuga.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur ad laboriosam reiciendis. Maxime iste quasi, minus quaerat reprehenderit nostrum neque eius quos, autem, repellat magni accusamus eaque quis veniam fuga.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur ad laboriosam reiciendis. Maxime iste quasi, minus quaerat reprehenderit nostrum neque eius quos, autem, repellat magni accusamus eaque quis veniam fuga.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur ad laboriosam reiciendis. Maxime iste quasi, minus quaerat reprehenderit nostrum neque eius quos, autem, repellat magni accusamus eaque quis veniam fuga.</p>

CSS

p {
    position: relative;
    font-size: 20px;
}
p:after {
    content:"";
    display:block;
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.82) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.82)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.82) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.82) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.82) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.82) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#d1ffffff',GradientType=0 );
}