markbrown4/dabblet.css

## dabblet.css
/**
 * webkit y u blur with large background-size?
 */

div {
  height: 1200px;
  background-color: #eee;
  background-image: linear-gradient(top,
    transparent,
    transparent 250px,
    #ccc 250px,
    #ccc 251px,
    #fff 251px,
    #fff 252px,
    transparent 252px,
    transparent
  );
  background-size: 100% 632px;
}

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

<div></div>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* webkit y u blur with large background-size?
	*/

	div {
	height: 1200px;
	background-color: #eee;
	background-image: linear-gradient(top,
	transparent,
	transparent 250px,
	#ccc 250px,
	#ccc 251px,
	#fff 251px,
	#fff 252px,
	transparent 252px,
	transparent
	);
	background-size: 100% 632px;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div></div>