<!DOCTYPE html>
<html><head>
<style type="text/css">
 .stage{
  perspective:  700px;
  overflow: hidden;
  width: 260px;
  height: 260px;
  display: block;
 }
 
 .box {
  width: 170px;
  height: 170px;
  background-color: red;
  display:  block;
  transform: rotate3d(0,1,0, 50deg) translatey(20px);
 }
 
 </style>
</head>

<body id="body">
 <div class="stage">
  <div class="box"></div>
 </div>
</body></html>