JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et tortor dui, ac ornare mauris. Quisque tincidunt ipsum ac ante commodo non suscipit tortor volutpat.</p>
    <p>Donec tristique, sapien vel posuere mattis, sem massa pellentesque dolor, eget hendrerit nibh libero sed turpis. Fusce elementum lectus eu enim pharetra placerat.</p>
    <p>Sed in nibh vestibulum quam malesuada fringilla. Suspendisse congue bibendum congue. Fusce eu risus ac tortor blandit euismod.</p>
    <p>Donec rutrum eros commodo leo ultricies tempus. Aliquam et mi dolor, a faucibus neque. Nam vitae dui felis, at imperdiet mi. Aenean viverra sapien id dui mattis laoreet. Duis dictum tristique velit, eget vulputate purus tempor non.</p>
    <p>Cras odio augue, hendrerit nec lobortis sed, ullamcorper a leo. Pellentesque ut nibh sapien, vitae ullamcorper diam. Donec fermentum leo imperdiet tortor malesuada congue.</p>
    <div class="shadow"></div>
</div>

CSS

.wrap {
    overflow: hidden;  
}

.wrap:after {
    display: block;
    content: '\A0';
    box-shadow: 0 0 4em 1.33em #fff;
    position: relative;
    height: 10px;
    margin-bottom: -10px;
}