CodePen Embed - Isometric Projection of a Rectangle

<div></div>

html, body {
	background-color: #f2f2f2;
}

div {
	background-color: #49b293;
	width: 200px;
	height: 160px;
	margin: 100px auto 0 auto;
	transform: rotateX(60deg) rotateY(0deg) rotateZ(-45deg);
}

This Pen is owned by Envato Tuts+ on CodePen. It is a fork of this Pen.

See more by @tutsplus on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.