Previewer test

dabblet.css

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
background: url(http://placekitten.com/330/340);
content: '\2665';
min-width: 100px;
width: 2in;
transition-duration: 6s;
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(.2,.6,.8,.8);
transition-timing-function: ease-in;
transform: rotate(45deg);
transform: rotate(-.125turn); /* negative angle */
font-family: Dabblet, 'Palatino Linotype', "Times New Roman", sans-serif;
font-family: fantasy; /* single font-family */
font: bold 100%/1.5 Monaco, Consolas, monospace;

dabblet.html

<img src="http://placekitten.com/330/340" alt="Awwww" />

&#x2665;

&hearts;

settings.json

{"view":"separate","prefixfree":"1","page":"css"}

Ok I understood. Ah, another idea for a site, if I'd have some extra time, I'd consider creating and maintaing a site what could answer the question of “which browsers support this property or value”.

Well, sooner or later something would appear in the internets, would it from the W3C, caniuse, someone else or from me, I'd let you know if I'd stumble upon it :)