Layered Paper

dabblet.css

/**
 * Layered Paper
 * http://css-tricks.com/snippets/css/layered-paper/
 */
.layered-paper {
	/* backgroundColor = hsl(0,0%,50%) */
	background: hsl(0,0%,93%); /* backgroundColor */
	box-shadow:
		0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
		0 10px 0 -5px hsl(0,0%,93%), /* The second layer, backgroundColor */
		0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */
		0 20px 0 -10px hsl(0,0%,93%), /* The third layer, backgroundColor */
		0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */
	/* just for presentation */
	width: 20em;
	margin: 0 auto;
	padding: 3em;
	color: hsl(0,0%,20%);
	font-family: sans-serif;
}

dabblet.html

<div class="layered-paper">Maecenas vel diam at tortor mollis sagittis. Sed lacinia pretium viverra. Duis id est erat, vel gravida velit. Maecenas suscipit, dui eget semper euismod, sem augue vehicula arcu, id mollis odio nulla eu quam. Nullam eu massa vitae metus elementum semper. Integer velit lectus, fringilla at dapibus sed, dictum et est. Aliquam molestie leo sit amet lacus vestibulum et malesuada quam congue. Mauris urna sem, elementum at commodo vitae, fermentum at tortor.</div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}