Untitled

dabblet.css

#container {

	perspective: 800px;

}

#d1 {

	position: absolute;
	width: 400px;
	height: 200px;
	background: olive;

}

#d2 {

	position: absolute;
	width: 400px;
	height: 200px;
	background: red;
	transform-origin: right center;
	backface-visibility: hidden;
	transition: transform 1s;
	transform:rotateX( 29deg );

}

dabblet.html

<div id="container">
	<div id="d1"></div>
	<div id="d2"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"result"}