Untitled

dabblet.css

/*pseudo class*/
.default {
  position: absolute;top: 100px;left: 100px;
  height: 100px;
  width: 100px;
  background-color: rgba(0, 0, 0, .8);
  color: white;
  font-size: 46px;
  -webkit-transition: all 500ms ease-in;
}

.newState {
	background-color: rgba(100, 200, 100, 1);
	transform: rotate(90deg);
  	-webkit-transform-origin: bottom;
}

dabblet.html

<div class="default newState">css</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}