CSS gradients prefix test

dabblet.css

/*
 * CSS gradients prefix test
 */

div {
	min-height: 10em;
	background-color: #ccc;
	margin: 0.5em 0;
}

.new {
	background-image: linear-gradient(to bottom, #a6f2c0, #555555);
}

.webkit-old {
	background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#a6f2c0), to(#555555) );
}

.webkit {
	background-image: -webkit-linear-gradient(top, #a6f2c0, #555555);
}

.moz {
	background-image: -moz-linear-gradient(top, #a6f2c0, #555555);
}

.opera-old {
	background-image: -o-linear-gradient(top, #a6f2c0, #555555);
}

dabblet.html

<div class="new">
	 linear-gradient(to top, #a6f2c0, #555555);
</div>

<div class="webkit">
	background-image: -webkit-linear-gradient(top, #a6f2c0, #555555);
</div>

<div class="moz">
	background-image: -moz-linear-gradient(top, #a6f2c0, #555555);
</div>

<div class="webkit-old">
	background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#a6f2c0), to(#555555) );
</div>

<div class="opera-old">
	background-image: -o-linear-gradient(top, #a6f2c0, #555555);
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}