Untitled

dabblet.css

p {
color: red;
text-shadow: 2px 2px 2px blue;
font-size: 50px;
text-align: center;
}
div {
display: inline-block;
}
.um {	
	background: red;
	width: 100px;			
	height:100px;			
	box-shadow: 20px -20px blue
}
.dois {
	width: 100px;
	height:100px;
	background: linear-gradient(red,blue,white);
	margin-left: 20px;
}
.tres {	
	width: 100px;	
	height:100px;	
	background: radial-gradient(red,blue,white);
}
.quatro {		
	width: 100px;		
	height:100px;		
	background: linear-gradient(45deg,red,blue,white);
}
.cinco {
	width: 100px;
	height: 100px;
	background: linear-gradient(to right, blue 0%, blue 33%, white 33%, white 66%, red 66%, red 100%);	}
}

dabblet.html

<p>Caelum</p>
<div>
<div class="um"></div>
<div class="dois"></div>
<div class="tres"></div>
<div class="quatro"></div>
<div class="cinco"></div>
</div>

settings.json

{"view":"separate","fontsize":"120","seethrough":"","prefixfree":"1","page":"all"}