LeaVerou · March 17, 2014 04:32
diff --git a/dabblet.css b/dabblet.css
 /* Gradient cheatsheet */
 background: linear-gradient(45deg, white, black);
 background: linear-gradient(to right, white 50%, red, black);
 background: linear-gradient(to bottom right, white 50px, black);
 background: repeating-linear-gradient(to bottom left, white, black 30px);

 background: radial-gradient(at top right, white, black);
 background: radial-gradient(circle at top right, lime 50%, black 0);
 background: radial-gradient(farthest-corner at center, red 80%, black);
 background: radial-gradient(farthest-side at center, yellow 80%, black);
 background: radial-gradient(circle closest-corner at center, yellow 80%, red);
 background: repeating-radial-gradient(orange, red 40px);

 height: 100%;
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/* Gradient cheatsheet */
	background: linear-gradient(45deg, white, black);
	background: linear-gradient(to right, white 50%, red, black);
	background: linear-gradient(to bottom right, white 50px, black);
	background: repeating-linear-gradient(to bottom left, white, black 30px);

	background: radial-gradient(at top right, white, black);
	background: radial-gradient(circle at top right, lime 50%, black 0);
	background: radial-gradient(farthest-corner at center, red 80%, black);
	background: radial-gradient(farthest-side at center, yellow 80%, black);
	background: radial-gradient(circle closest-corner at center, yellow 80%, red);
	background: repeating-radial-gradient(orange, red 40px);

	height: 100%;