<div class="css-shadow-4"></div>

.css-shadow-4 {
	position   : relative;
	background : #099;
	width      : 600px;
	height     : 150px;
	}

.css-shadow-4:before,
.css-shadow-4:after {
	content    : "";
	position   : absolute;
	z-index    : -1;
	left       : 5px;
	bottom     : 15px;
	width      : 50%;
	height     : 20%;
	transform  : rotate(-5deg);
	box-shadow : 0 15px 10px rgba(0, 0, 0, 1);
	}

.css-shadow-4:after {
	left      : auto !important;
	right     : 5px;
	transform : rotate(5deg) !important;
	}

<div class="css-shadow-3"></div>

.css-shadow-3 {
	position   : relative;
	background : #099;
	width      : 600px;
	height     : 150px;
	}

.css-shadow-3:before {
	content    : "";
	position   : absolute;
	z-index    : -1;
	bottom     : 0;
	left       : 10%;
	width      : 80%;
	height     : 30px;
	transform  : perspective(250px) rotateX(60deg);
	box-shadow : 0 40px 10px rgba(0, 0, 0, 1);
	}

<div class="css-shadow-2"></div>

.css-shadow-2 {
	background : #099;
	width      : 600px;
	height     : 150px;
	box-shadow : 0 40px 10px -30px rgba(0, 0, 0, 1);
	}

<div class="css-shadow-1"></div>

.css-shadow-1 {
	position   : relative;
	background : #099;
	width      : 600px;
	height     : 150px;
	}

.css-shadow-1:before {
	content       : "";
	position      : absolute;
	z-index       : -1;
	top           : 10px;
	bottom        : 0;
	left          : 10px;
	right         : 10px;
	border-radius : 10%;
	box-shadow    : 0 10px 10px rgba(0,0,0,0.9);
	}