archasek · November 22, 2012 09:38
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS triangle with linear gradient (SO)
 * http://stackoverflow.com/questions/11712011/how-to-create-uparrow-downarrow-using-simple-css/11712847#11712847
 */
 
 
 .t2 {
 	background: red;
 	width: 300px;
 	height: 200px;
 }

 .t2:after {
 	content:'';
 }

 .t2:after {

 	height:100px;
 	width:100px;
 	display:block;
 	background: linear-gradient(-60deg, transparent 63%, #fff 63%), 
 			linear-gradient(-120deg, transparent 63%, #fff 63%), 
 			linear-gradient(top, #ccc, #000);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class='t2'></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* CSS triangle with linear gradient (SO)
	* http://stackoverflow.com/questions/11712011/how-to-create-uparrow-downarrow-using-simple-css/11712847#11712847
	*/


	.t2 {
	background: red;
	width: 300px;
	height: 200px;
	}

	.t2:after {
	content:'';
	}

	.t2:after {

	height:100px;
	width:100px;
	display:block;
	background: linear-gradient(-60deg, transparent 63%, #fff 63%),
	linear-gradient(-120deg, transparent 63%, #fff 63%),
	linear-gradient(top, #ccc, #000);
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class='t2'></div>