<div class="parent">
   <div class="child">
   </div>
</div>
body {
   display: flex;
   min-height: 100vh;
   background-color: #e5e5e5;
}
.parent {
   margin: auto;
   width: 600px;
   height: 450px;
   perspective: 300px;
   transform-style: preserve-3d;
}
.child {
   width: 600px;
   height: 450px;
   background-color: red;
   transform: rotateY(5deg) rotateX(5deg) translate(4%, 4%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.