dziudek · August 11, 2012 10:54
diff --git a/dabblet.css b/dabblet.css
 /**
 * Nice CSS 3D animation
 */

 body {
 	perspective: 1400;
 }

 #box {
 	background: #d45;
 	height: 100px;
 	transform: rotateY(110deg) translateX(100px);
 	width: 100px;
 	transition: transform 0.3s ease-out;
 }

 #box:hover {
 	transform: rotateY(0deg) translateX(0);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="box">Text ;)</div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Nice CSS 3D animation
	*/

	body {
	perspective: 1400;
	}

	#box {
	background: #d45;
	height: 100px;
	transform: rotateY(110deg) translateX(100px);
	width: 100px;
	transition: transform 0.3s ease-out;
	}

	#box:hover {
	transform: rotateY(0deg) translateX(0);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="box">Text ;)</div>