ed1nh0 · October 7, 2013 13:32
diff --git a/dabblet.css b/dabblet.css
 /**
 * Easy trapezoids with 3D transforms
 */

 p {
 	position: relative;
 	display: inline-block;
 	padding: 1em;
 	margin: 2em;
 }

 p::before {
 	content: ''; /* To generate the box */
 	position: absolute;
 	top: 0; right: 0; bottom: 0; left: 0;
 	z-index: -1;
 	background: skyblue;
 	transform: perspective(4px) rotateX(2deg);
 }
diff --git a/dabblet.html b/dabblet.html
 <p>Trapezoid</p>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Easy trapezoids with 3D transforms
	*/

	p {
	position: relative;
	display: inline-block;
	padding: 1em;
	margin: 2em;
	}

	p::before {
	content: ''; /* To generate the box */
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	background: skyblue;
	transform: perspective(4px) rotateX(2deg);
	}