Untitled

dabblet.css

#cover, #backcover
{   
   position:absolute;
   height: 300px;
   width: 240px;
   margin-left: 200px;
   background-color: blue;
}

#backcover
{
   background-color: red;
   top: 8px;
   border-left: solid 3px black;
   margin-left: 210px;
   transition: transform 2s;
   -webkit-transform: translateX(40%);
   z-index: -100; 
}

#cover.flipped {
   transform-origin: right left;   
   transform-style: preserve-3d;
   transform-style: flat;
   transition: transform 2s;
   -webkit-transform: translateX(-55%) rotateY(-180deg);
}

#cover .title
{
   color: white;
   position: abolute;
   margin: 0px auto;
   font-size: 30px;
   text-align: center;
   margin-top:50px;
}
​

dabblet.html

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

settings.json

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