chriscoyier · March 13, 2012 19:56
diff --git a/dabblet.css b/dabblet.css
 body {
  padding: 20px;  
 }
 .triangle {
  width: 0;
  height: 0;
  border-right: 100px solid black;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  margin: 10px;
 }
 .smooth {
  transform: rotate(360deg);
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="triangle"></div>

 <div class="triangle smooth"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","seethrough":"","prefixfree":"1","page":"all"}
	body {
	padding: 20px;
	}
	.triangle {
	width: 0;
	height: 0;
	border-right: 100px solid black;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	margin: 10px;
	}
	.smooth {
	transform: rotate(360deg);
	}
	<div class="triangle"></div>

	<div class="triangle smooth"></div>