Scrolling shadows by @kizmarh and @LeaVerou

dabblet.css

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}
body {
	position:absolute;
	width: 100%;
	height: 100%;
}
div {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-10%;
	width:20%;
	height:200px;
	background:#000;
}
.a {
	-webkit-transform:translate3d(-20%, 0, -100%);

dabblet.html

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>
<div class="e"></div>

settings.json

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