<div class='plane'></div>
<div class='plane'></div>
$dim: 40vmin;
body {
margin: 0;
height: 100vh;
perspective: 40em;
}
.plane {
position: absolute;
top: 50%;
left: 50%;
margin: -.5*$dim;
width: $dim;
height: $dim;
background: #ee8c25;
&:nth-child(2) {
transform: rotateY(60deg);
background: #d14730;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.