JSFiddle - React, Tailwind, and code Playground

by Rishi Gautam

HTML

<div></div>

CSS

div:before {
    box-shadow: -15px  15px -15px #ddd inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
div:after {
    box-shadow: 15px 0 15px -15px #ddd inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
}
div {
    background: none repeat scroll 0 0 #fff;
    height: 100px;
    margin: 50px;
    position: relative;
    width: 100px;
}