The first commented line is your dabblet’s title

dabblet.css

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

.base {
  width: 100px;
  height: 100px;
  background: teal;
  display: inline-block;
  margin: 0;
  padding: 0;
  transition: all 500ms ease-in;
}
.vertical {
	/*transform: rotateY(88deg);*/
	transform-origin: -100px;
}
.rotate {
	transform: rotateY(88deg);
}

dabblet.html

<div class="base rotate"></div>
<div class="base vertical rotate"></div>

dabblet.js

// alert('Hello world!');

settings.json

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