Curved shadows with CSS

curved-shadow.css

.shadow:before, .shadow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 10%;
	z-index: -1;
	bottom: 20px;
	background: rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.7);
	box-shadow: 0 10px 15px rgba(0,0,0,.7);
}
.shadow:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);	
	-moz-transform: rotate(3deg);  
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
.shadow:before {
	left: 10px;
	right: auto;
	-webkit-transform: rotate(-3deg);	
	-moz-transform: rotate(-3deg);  
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}