desandro · December 16, 2011 15:27
diff --git a/dabblet.css b/dabblet.css
 /* 3D perspective inheritance */

 #container {
  width: 320px;
  height: 50px;
  background: blue;
  margin-top: 100px;
  -webkit-perspective: 800;
  -webkit-perspective-origin: 160px 240px;
 }

 .box {
  width: 320px;
  height: 480px;
  background: red;
  -webkit-transform: rotateY(45deg);

 }


 .box:hover {
  
 }
diff --git a/dabblet.html b/dabblet.html
 <div id="container">
  <div class="box"></div>
 </div>
diff --git a/settings.json b/settings.json
 {"page":"css","view":"split-vertical"}
	/* 3D perspective inheritance */

	#container {
	width: 320px;
	height: 50px;
	background: blue;
	margin-top: 100px;
	-webkit-perspective: 800;
	-webkit-perspective-origin: 160px 240px;
	}

	.box {
	width: 320px;
	height: 480px;
	background: red;
	-webkit-transform: rotateY(45deg);

	}


	.box:hover {

	}
No results found