zsimo/dabblet.css

## dabblet.css
/**
 * test
 */
.default {
  height: 100px;
  width: 100px;
  border-radius: 2px;
  background-color: red;
  z-index: 1;
  transition: all 500ms ease;
}

.newState {
  /*transform: translate(200px, 200px);*/
  width: 200px;
 transform: rotate(90deg);
}

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

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

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* test
	*/
	.default {
	height: 100px;
	width: 100px;
	border-radius: 2px;
	background-color: red;
	z-index: 1;
	transition: all 500ms ease;
	}

	.newState {
	/transform: translate(200px, 200px);/
	width: 200px;
	transform: rotate(90deg);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="default newState"></div>