Realistic CSS3 Shadow

dabblet.css

/*
* Realistic CSS3 Shadow
*/

#redbox {
	background-color: #9C101A;
	position: relative;
	width: 50%;
	height: 300px;
	margin: 20px auto 0;
	top: 0;
	left: 0;
}

#redbox:after{
	content:'';
	box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
	position: absolute;
	background: transparent;
	border-radius: 99%;
	width: 96%;
	bottom:6px;
	left: 0;
	width:;
	height:10%;
	z-index: -1;
}


#square:after {
	right: 0;
}

dabblet.html

<div id="redbox"></div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}