back
Code
CSS
HTML
Web

#div301{
width:170px;
height:150px;
border:2px solid black;
perspective:100px;
-webkit-perspective:100px;
}

#div302{
margin:0 auto;
width:100px;
height:100px;
background-color:red;
transform: rotateX(45deg);
}

#div303{
width:170px;
height:150px;
border:2px solid black;
perspective:100px;
-webkit-perspective:100px;
perspective-origin:20px 70px;
-webkit-perspective-origin:20px 70px;

}

#div304{
margin:0 auto;
width:100px;
height:100px;
background-color:red;
transform: rotateX(45deg);
}

#div305{
width:170px;
height:150px;
border:2px solid black;
perspective:100px;
-webkit-perspective:100px;
perspective-origin:left top;
-webkit-perspective-origin:left top;

}

#div306{
margin:0 auto;
width:100px;
height:100px;
background-color:red;
transform: rotateX(45deg);
}