JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Привет, мир!</p>
    <p>Я ненормальный блок с хитровывернутой тенью. Даже жалко, что меня не возьмут в реальный проект, а вместо меня будут фигачить унылые PNG-картинки... Но реальность беспощадна, и в ней меня, скорее всего, заменят "раздвижными дверями" (с одним длинным спрайтом из двух частей).</p>
    <p>Потому что фантазия дизайнеров всегда будет бежать впереди фантазии стандартописателей. И это правильно, видимо. <span style="color:#888">Но всё равно жалко... :)</span></p>
</div>

CSS

body { background: #ccc; }
div {
    margin: 20px;
    background: #fff;
    min-width: 500px;
    border: 1px solid #fff;
}
div:after {
    display:block;
    position: relative;
    z-index: -1;
    top: -5px;
    content: '.';
    margin: 0 127px;
    overflow: hidden;
    height: 8px;
    border-radius: 33%/4px;
    -moz-box-shadow: 0 22px 8px 8px #ccc, -120px 4px 8px 5px #888, 120px 4px 8px 5px #888;
    -webkit-box-shadow: 0 22px 8px 8px #ccc, -120px 4px 8px 5px #888, 120px 4px 8px 5px #888;
    box-shadow: 0 22px 8px 8px #ccc, -120px 4px 8px 5px #888, 120px 4px 8px 5px #888;
}
div p {
     margin: .75em 1em;
}