machal · March 15, 2012 10:49
diff --git a/dabblet.css b/dabblet.css
 /**
 * Dabblet: CSS - multiple box-shadows
 */

 .box {
 	box-shadow: -5px -5px rgb(128,128,128), -10px -10px rgb(0,0,0), -15px -15px 10px rgba(0,0,0,.25);
 	width: 200px;
 	padding: 1em;
 	margin: 5em;
 	background: white;
 }

 body {
 	background: lightgrey;
 	font-family: sans-serif;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="box">
  	Box with multiple box-shadow instances.
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Dabblet: CSS - multiple box-shadows
	*/

	.box {
	box-shadow: -5px -5px rgb(128,128,128), -10px -10px rgb(0,0,0), -15px -15px 10px rgba(0,0,0,.25);
	width: 200px;
	padding: 1em;
	margin: 5em;
	background: white;
	}

	body {
	background: lightgrey;
	font-family: sans-serif;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="box">
	Box with multiple box-shadow instances.
	</div>