<div class='plane'></div>
<div class='plane'></div>
$dim: 40vmin;

body {
	margin: 0;
	height: 100vh;
	perspective: 40em;
	transform-style: preserve-3d;
}

.plane {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.5*$dim;
	width: $dim;
	height: $dim;
	background: #ee8c25;
	
	&:nth-child(2) {
		transform: rotateY(60deg);
		background: #d14730;
	}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.