JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A earum illum doloribus corporis esse, ipsum fuga corrupti, repellendus veniam reprehenderit totam pariatur velit obcaecati. Mollitia eligendi atque fugit ipsum quas delectus animi ex deserunt ea impedit, dignissimos nemo quod hic quia quasi sunt earum fuga voluptate iure dolorum quidem quae reprehenderit illo. Quam laboriosam mollitia, ab. Iste deserunt ducimus quas nulla magni perspiciatis eius vero officia. Natus laudantium quis excepturi, adipisci, amet nam praesentium illo voluptas fugiat, dignissimos unde provident voluptatum, modi! Architecto ex optio iure fugit eos consequuntur animi vel impedit repellendus quos esse iste repudiandae molestias, sint nam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis facilis harum iure excepturi autem esse maiores tempora non quam culpa id fuga voluptatibus, dolor sint amet rem odio nesciunt provident necessitatibus quae magnam. Iusto enim voluptatem accusantium, atque esse exercitationem eius vitae hic libero eos aliquid dolor adipisci totam iure, doloribus veritatis mollitia vero sed itaque velit dolorem perspiciatis dicta! Consectetur fuga consequatur sed! Cupiditate labore, dignissimos magnam reprehenderit nemo. Ut iusto, illum odio, amet fugit ullam quod dolor dolorem ducimus voluptatem similique labore, eius, consectetur enim exercitationem ex corporis? Error libero possimus illum placeat perferendis blanditiis voluptas aut itaque quod laborum maxime atque saepe vitae eos recusandae, nemo omnis. Distinctio rerum aperiam, omnis molestias. Sit, soluta, provident. Voluptatum culpa, officiis architecto assumenda! Soluta libero temporibus deleniti. Sit blanditiis in reprehenderit. Officiis exercitationem consequatur consectetur vel. Placeat hic, culpa cupiditate sapiente laborum quis enim cum asperiores facere ex, voluptates dolor corporis odio unde veritatis perspiciatis blanditiis veniam. Nesciunt, mollitia? Provident quibusdam, quos...

CSS

div {
    position: relative;
    padding: 10px;
}

div:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}