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);
}