head peek

dabblet.css

/* head peek */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
html { background:#ccc; font:1em/1.6 Source Sans Pro }
head { max-height:0; overflow:hidden; display:block;
	/* hide delay */
	transition:max-height 250ms 2s }
body, style { background:white }
	head style:first-of-type { display:block; white-space:pre }
    head style:first-of-type:after { content:url(http://notbad.jpg.to) }
	:active head, head:hover { max-height:80em; 
		transition:max-height 250ms 500ms }
		

dabblet.html

<p>hold click for at least half a second&hellip;

dabblet.js

// alert('Hello world!');

settings.json

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