SOURCE

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