Box-Shadow

dabblet.css

/**
 * Box-Shadow
 */

div {
	display:inline-block;
	padding:40px;
	font:20px "Helvetica Neue", sans-serif;
	margin:20px;
	background-color:#39c;
	border-radius:10px;
}
#one {
	box-shadow: 3px 3px 5px black;
}
#two {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
#three {
	box-shadow: -3px 5px 5px rgba(204, 102, 0, 0.5);
}
#four {
	box-shadow: 0 9px 5px -4px rgba(51, 153, 204, 0.4);
}
#five {
	box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.7);
}

dabblet.html

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}