loai-kanou/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

html { background: gainsboro; }

body {
	margin: 3em auto 0;
	width: 6em;
	height: 6em;
	border: 5em solid;
	border-color: #43a1cd #e1e23b #ba3e2e #272b66;
	border-radius: 16em;
	background: white;
	box-shadow: 0 0 0 2em white;
}

@keyframes rot { to { transform: rotate(360deg); } }

body:hover {
	animation: rot .3s infinite linear;
}

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

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

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	html { background: gainsboro; }

	body {
	margin: 3em auto 0;
	width: 6em;
	height: 6em;
	border: 5em solid;
	border-color: #43a1cd #e1e23b #ba3e2e #272b66;
	border-radius: 16em;
	background: white;
	box-shadow: 0 0 0 2em white;
	}

	@keyframes rot { to { transform: rotate(360deg); } }

	body:hover {
	animation: rot .3s infinite linear;
	}