Untitled

dabblet.css

body{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
}

.inset { text-shadow:#fff 0px 1px 0, #000 0 -1px 0;}

#cover {
border-left: solid black 15px;
}

#cover, #backcover
{   
   position:absolute;
   height: 300px;
   width: 240px;
   margin-left: 200px;
   background-color: blue;
   background: url(http://subtlepatterns.com/patterns/vertical_cloth.png);
}

#backcover
{
   background-color: red;
   top: 0px;
   border-left: solid 3px black;
   margin-left: 200px;
   z-index: -100; 
}

#cover.flipped {
   transform-origin: right left;   
   transform-style: preserve-3d;
   transition: transform 1s;
   -webkit-transform: translateX(1px) rotateY(-180deg);
   z-index: -256;
}

#backcover.flipped {
   transition: transform 1s;
   -webkit-transform: translateX(240px);
}

#cover .title
{
   color: white;
   position: abolute;
   margin: 0px auto;
   font-size: 30px;
   text-align: center;
   margin-top:50px;
}
.paper_right {
	background-color:#fff;
	width:187px;
	height:250px;
	margin:4px 1px;
	font-family:Droid Sans;
	color:#aaa;
	border:1px solid #c2c0b8;
	padding:20px;
	box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 
		5px 0 0 -4px #fff, 
		5px 0 0 -3px #c2c0b8, 
		
		11px 0 0 -8px #fff, 
		11px 0 0 -7px #c2c0b8, 
		
		17px 0 0 -12px #fff, 
		17px 0 0 -11px #c2c0b8;
	
		21px 0 0 -11px #fff, 
		21px 0 0 -11px #c2c0b8;
}
​.paper_left {
    float: right;
	background-color:#fff;
	width:187px;
	height:250px;
	margin:-140px -140px;
	font-family:Droid Sans;
	color:#aaa;
	border:1px solid #c2c0b8;
	padding:0px;
	box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 
	   21px 0 0 -11px #fff, 		
	   21px 0 0 -11px #c2c0b8;
	
		5px 0 0 -4px #fff, 
		5px 0 0 -3px #c2c0b8, 
		
		11px 0 0 -8px #fff, 
		11px 0 0 -7px #c2c0b8, 
		
		17px 0 0 -12px #fff, 
		17px 0 0 -11px #c2c0b8;
	
		
}

dabblet.html

<div id="cover" class="flipped">
  <p class="title inset">Title</p>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
<div id="backcover" class="flipped">
<div class="paper_left"></div>
<div class="paper_right"></div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}