"Isometric" shadow

dabblet.css

/**
 * "Isometric" shadow
 */

div {
	position: relative;
	width: 250px;
	height: 200px;
	background: #7799ff;
	box-shadow: 10px 10px 0 #3355bb;
}
div:after, div:before {
	position: absolute;
	content: "";
}
div:before {
	bottom: -10px;
	left:0;
	border-top: 10px solid #3355bb;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
div:after {
	top: 0;
	right:-10px;
	border-left: 10px solid #3355bb;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

dabblet.html

<div></div>

settings.json

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