December 20, 2011 22:13
diff --git a/dabblet.css b/dabblet.css
 /**
 * Playing with CSS3
 */
 body {
 	background: #222;
 	min-height:100%;
 }

 img {
 	position: absolute;
 	top: 20%;
 	left: 30%;
 	-webkit-perspective: 600;
 	transform: rotate(45deg) rotate3d(45,45,0,0deg);
 	transform-style: preserve-3d;
 	transition: all 0.5s ease-in-out;
 /*	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));*/
 }
 	
 img:hover {
 	transform: rotate(180deg) rotate3d(45,45,0,180deg);

 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <img src="http://www.be-studios.com/tests/foto_diegol.jpg" />
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* Playing with CSS3
	*/
	body {
	background: #222;
	min-height:100%;
	}

	img {
	position: absolute;
	top: 20%;
	left: 30%;
	-webkit-perspective: 600;
	transform: rotate(45deg) rotate3d(45,45,0,0deg);
	transform-style: preserve-3d;
	transition: all 0.5s ease-in-out;
	/* -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));*/
	}

	img:hover {
	transform: rotate(180deg) rotate3d(45,45,0,180deg);

	}
	<!-- content to be placed inside <body>…</body> -->
	<img src="http://www.be-studios.com/tests/foto_diegol.jpg" />