Background Image Gradients

dabblet.css

/**
 * Background Image Gradients
 */
body {
	background: #fff;
}
h2, h3, h4 {
	display:block;
	margin:20px;
	width: 300px;
	height: 60px;
	border-radius:30px;
}
h2 {
	background-color: #34a;
	background-image: linear-gradient(left, #34a, #78f);
}
h3 {
	background-color: #a34;
	background-image: linear-gradient(top, #a34 50%, #700 50%);
}
h4 {
	background-color: #3a4;
	background-image: linear-gradient(45deg, #3a4 40%, #070 60%);
}

dabblet.html

<h2></h2>
<h3></h3>
<h4></h4>

settings.json

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