scroll gradient indicator

example.css

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

body {
	background: #F2F5F8;
	font: 120% sans-serif;
}

.scrollbox {
	overflow: auto;
	width: 200px;
	max-height: 200px;
	margin: 50px auto;

	background:
		/* Shadow covers */
		linear-gradient(#F2F5F8, transparent),
		linear-gradient(transparent, #F2F5F8);
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px;
	background-position: top, bottom;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: scroll, scroll;
}