csssecrets · September 19, 2021 15:55
diff --git a/dabblet.css b/dabblet.css
 /**
 * Folded corner effect — 30deg
 */

 div {
 	width: 12em;
 	background: #58a; /* Fallback */
 	background:
 		linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) 100% 0 no-repeat,
 		linear-gradient(-150deg, transparent 1.5em, #58a 0);
 	background-size: 3em 1.73em, auto;
 	
 	padding: 2em;
 	color: white;
 	font: 100%/1.6 Baskerville, Palatino, serif;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>“The only way to get rid of a temptation is to yield to it.”
 — Oscar Wilde, The Picture of Dorian Gray</div>
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"}
	/**
	* Folded corner effect — 30deg
	*/

	div {
	width: 12em;
	background: #58a; /* Fallback */
	background:
	linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) 100% 0 no-repeat,
	linear-gradient(-150deg, transparent 1.5em, #58a 0);
	background-size: 3em 1.73em, auto;

	padding: 2em;
	color: white;
	font: 100%/1.6 Baskerville, Palatino, serif;
	}
	<div>“The only way to get rid of a temptation is to yield to it.”
	— Oscar Wilde, The Picture of Dorian Gray</div>