<div>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Distinctio consectetur provident temporibus libero deleniti ut perferendis, impedit fugit vel. Placeat, commodi? Excepturi dolores at alias dignissimos necessitatibus dolor labore, ipsum consequuntur culpa numquam incidunt enim optio deserunt ullam? Modi dolor laudantium nesciunt, recusandae voluptatibus magnam accusantium doloremque ratione veritatis quasi iste architecto quibusdam ipsam pariatur voluptates distinctio! Qui repudiandae earum voluptas ad quidem, totam itaque explicabo iure ut laudantium nisi maxime nam nostrum. Necessitatibus, labore aliquam, cum, maxime consectetur hic deserunt sint dolorem ipsa impedit voluptatem porro repudiandae incidunt a delectus accusantium voluptate eius reprehenderit dolores! Odio excepturi velit libero!</p>
    </div>

p {
    position: relative;

    white-space: nowrap;

    border: 1px solid #000;
    overflow: hidden;
}

p::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;

    width: 50px;
    height: 100%;

    background: linear-gradient(to right, transparent, white);
}