aurelkurtula · February 14, 2013 10:54
diff --git a/dabblet.css b/dabblet.css
 /**
 * perspective (not done)
 */

  #con
    {
    
 -webkit-perspective: 400;
       -webkit-perspective-origin:150px 300px;
       
   }
    
  .threeD
    {
         -webkit-transform-style: preserve-3d;
         -webkit-transform: rotateX(40deg);
         -webkit-transition: all .5s ease-in-out;
         position:relative;
    }
    
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id="con">

 <div class="threeD">
 <canvas style=background:gray; height=85 width=300 ></canvas>
            </div>       







 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* perspective (not done)
	*/

	#con
	{

	-webkit-perspective: 400;
	-webkit-perspective-origin:150px 300px;

	}

	.threeD
	{
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateX(40deg);
	-webkit-transition: all .5s ease-in-out;
	position:relative;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="con">

	<div class="threeD">
	<canvas style=background:gray; height=85 width=300 ></canvas>
	</div>







	</div>