console
<div class="content">1111111111<div>
<div class="container">
<div class="item0">0000000000</div>
<div class="item1">aaaaaaaaaa</div>
<div class="item2">bbbbbbbbbb</div>
<div class="item3">cccccccccc</div>
<div>
.content{
width: 100px;
height: 80px;
background-color: pink;
transform:rotateY(60deg);
}
.container{
perspective:600px;
}
.item0{
width: 100px;
height: 80px;
background-color: yellow;
}
.item1{
width: 100px;
height: 80px;
background-color: red;
transform:rotateY(60deg);
}
.item2{
width: 100px;
height: 80px;
background-color: blue;
transform:rotateY(45deg);
}
.item3{
width: 100px;
height: 80px;
background-color: green;
transform:translateZ(-800px) rotateY(45deg);
}