schadeck/dabblet.css

## dabblet.css
/**
 * Playing with box-shadow
 */

div {
	width: 300px;
	height: 300px;
	margin: 50px auto;
	border: 5px solid #ccc;


	box-shadow: #666 0px 0px 50px 0px inset, #999 1px 1px 0px 0px, #999 2px 2px 0px 0px, #999 3px 3px 0px 0px, #999 4px 4px 0px 0px, #999 5px 5px 0px 0px, #999 6px 6px 10px 0px;
	background: #ccc url(http://placehold.it/300&text=+FPO);
	border-radius: 10px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div></div>

## settings.json
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Playing with box-shadow
	*/

	div {
	width: 300px;
	height: 300px;
	margin: 50px auto;
	border: 5px solid #ccc;



	box-shadow: #666 0px 0px 50px 0px inset, #999 1px 1px 0px 0px, #999 2px 2px 0px 0px, #999 3px 3px 0px 0px, #999 4px 4px 0px 0px, #999 5px 5px 0px 0px, #999 6px 6px 10px 0px;
	background: #ccc url(http://placehold.it/300&text=+FPO);
	border-radius: 10px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div></div>