aurelkurtula · February 21, 2013 16:07
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 div{
 	width: 500px; 
 	height:800px;
 	position: relative;
 	margin: 150px 0 0 250px;
 	z-index: 51;
 }
 div:after{
 	content: ' ';
 	display: block;
 	position: absolute;
 	background: yellow; 
 	width: 500px; 
 	height:800px;
 	z-index: 0;
 	margin: -150px 0;
 	border-radius:100px;
 	transform: rotate(-60deg);
 }




diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div>

 <h1>this is a test</h1>
 <p>this is something else</p>


 </div>

diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	div{
	width: 500px;
	height:800px;
	position: relative;
	margin: 150px 0 0 250px;
	z-index: 51;
	}
	div:after{
	content: ' ';
	display: block;
	position: absolute;
	background: yellow;
	width: 500px;
	height:800px;
	z-index: 0;
	margin: -150px 0;
	border-radius:100px;
	transform: rotate(-60deg);
	}
	<!-- content to be placed inside <body>…</body> -->

	<div>

	<h1>this is a test</h1>
	<p>this is something else</p>


	</div>