aurelkurtula
2/21/2013 - 4:07 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

settings.json
content_copyfile_download
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->

<div>

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


</div>
dabblet.css
content_copyfile_download
/**
 * 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);
}