vasilisvg/dabblet.css

## dabblet.css
/**
 * Bling button
 */

button {
	font-size: 2em;
	border-radius: .3em; /* Kan je hier een ei van maken? */
	border: .1em solid;
	background-image: linear-gradient(to right bottom, hotpink 0%, papayawhip 100%); /* http://www.css3factory.com/linear-gradients/ */
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em rgba(0,0,0,.5) */
}
button:hover {
	transform: scale(1.04);
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em .1em rgba(0,0,0,.5) */
}
button:active {
	transform: translate(.1em, .1em);
	background-image: linear-gradient(to left top, hotpink 0%, papayawhip 100%);
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em -.05em rgba(0,0,0,.5) */
}

body {
	padding: 3em 1em;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->


<button>Versturen</button>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Bling button
	*/

	button {
	font-size: 2em;
	border-radius: .3em; /* Kan je hier een ei van maken? */
	border: .1em solid;
	background-image: linear-gradient(to right bottom, hotpink 0%, papayawhip 100%); /* http://www.css3factory.com/linear-gradients/ */
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em rgba(0,0,0,.5) */
	}
	button:hover {
	transform: scale(1.04);
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em .1em rgba(0,0,0,.5) */
	}
	button:active {
	transform: translate(.1em, .1em);
	background-image: linear-gradient(to left top, hotpink 0%, papayawhip 100%);
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em -.05em rgba(0,0,0,.5) */
	}

	body {
	padding: 3em 1em;
	}
	<!-- content to be placed inside <body>…</body> -->


	<button>Versturen</button>