cedricziel · October 5, 2013 13:49
diff --git a/dabblet.css b/dabblet.css
 /**
 * How to make 3-corner-rounded triangle in CSS (SO)
 * http://stackoverflow.com/q/14446677/1397351
 */
 .triangle,
 .triangle:before {
 	width:  10em;
 	height: 10em;
 	position: relative;
 	background: orange;	
 	margin: 30% auto 0;
 }
 .triangle:before {
 	content: '';
 	position: absolute;
 	margin: 0;
 }

 .triangle {
 	border-top-right-radius: 20%;
 	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
 }
 .triangle:before {
 	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class='triangle'></div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* How to make 3-corner-rounded triangle in CSS (SO)
	* http://stackoverflow.com/q/14446677/1397351
	*/
	.triangle,
	.triangle:before {
	width: 10em;
	height: 10em;
	position: relative;
	background: orange;
	margin: 30% auto 0;
	}
	.triangle:before {
	content: '';
	position: absolute;
	margin: 0;
	}

	.triangle {
	border-top-right-radius: 20%;
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
	}
	.triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class='triangle'></div>