Edit on
<div class="container">
    <div class="element left"></div>
</div>
<div class="container">
    <div class="element right"></div>
</div>
.right,
.left {
   transform: 
     translateX( 50px ) 
     translateY( 50px ) 
     scaleX( 1.5 )
     rotateY(45deg)
     rotateX(10deg); 
}

.left {
  transform:scaleY(1);
}

/* ----------------------- */

.container {
  perspective: 800px;
	width: 300px;
  height: 250px;
	margin: 20px;
  float:left;
  border:1px solid grey;
}
.element {
  background: #222;
  position:relative;
  margin-top:50px;
  margin-left:50px;
	width: 200px;
	height: 150px;
  border:1px solid white;
  color:#fff;
}
Rerun