neotohin/dabblet.css

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

.mbox{
  border: 2px solid rgba(0,0,0, .3);
  width: 100px;
  height: 100px;
  transition: 1s height;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="mbox"></div>

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

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

	.mbox{
	border: 2px solid rgba(0,0,0, .3);
	width: 100px;
	height: 100px;
	transition: 1s height;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="mbox"></div>