back
Code
CSS
HTML
Web
#div307{
height:200px;
width:50px;
background-color:red;
transform:rotatex(45deg);
-webkit-transform:rotatex(45deg);
transform-style:flat;
-webkit-transform-style:flat;
}
#div308{
height:150px;
width:30px;
background-color:blue;
transform:rotateY(-30deg);
-webkit-transform:rotateY(-30deg);
transform-origin:50% left;
-webkit-transform-origin:50% left;
}
#div309{
height:200px;
width:50px;
background-color:red;
transform:rotatex(45deg);
-webkit-transform:rotatex(45deg);
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
}
#div310{
height:150px;
width:30px;
background-color:blue;
transform:rotateY(-30deg);
-webkit-transform:rotateY(-30deg);
transform-origin:50% left;
-webkit-transform-origin:50% left;
}