JSFiddle - React, Tailwind, and code Playground
HTML
<div class="ce">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
CSS
body{
background: black;
position: relative;
}
.ce{
position: relative;
margin: 10% auto;
width: 500px;
}
div{
background: white;
position: absolute;
}
div:nth-child(1){
width: 100px;
height: 200px;
border-radius: 3px;
transform:rotateY(30deg);
background: transparent linear-gradient(-3deg, #FFF, #A4FDFF, #24FEFD) repeat scroll 0% 0%;
}
div:nth-child(1):before{
position: absolute;
z-index: 4;
content: "";
background: #000 none repeat scroll 0% 0%;
height: 50px;
width: 168px;
top: -39px;
transform: rotate(-13deg);
left: -46px;
}
div:nth-child(2){
left: 91px;
width: 102px;
height: 10px;
background: #24FEFD none repeat scroll 0% 0%;
transform: rotateX(34deg) rotateY(31deg);
top: 13px;
border-radius: 3px;
}
div:nth-child(3){
height: 47px;
width: 12px;
left: 173px;
top: 28px;
background: #24FEFD none repeat scroll 0% 0%;
z-index: 4;
position: absolute;
border-radius: 0px 3px 0px 0px;
}
div:nth-child(4){
width: 93px;
height: 136px;
background: #FFF none repeat scroll 0% 0%;
left: 150px;
top: 61px;
border-radius: 3px;
transform: rotateY(20deg);
}
div:nth-child(5){
position: absolute;
z-index: 2;
content: "";
width: 166px;
height: 20px;
background: #000 none repeat scroll 0% 0%;
transform: rotate(-9deg);
top: 53px;
left: 107px;
}
div:nth-child(6){
left: 222px;
width: 86px;
height: 10px;
background: #FFF none repeat scroll 0% 0%;
top: 73px;
transform: rotateX(34deg) rotateY(31deg);
}
div:nth-child(7){
height: 111px;
width: 12px;
left: 291px;
top: 86px;
background: #FFF none repeat scroll 0% 0%;
z-index: 4;
position: absolute;
border-radius: 2px;
}
div:nth-child(8){
height: 31px;
width: 32px;
left: 125px;
top: 56px;
background: #000 none repeat scroll 0% 0%;
z-index: 4;
position: absolute;
border-radius: 70px;
}
div:nth-child(9){
height: 31px;
width: 32px;
left: -28px;
top: 0px;
background: #000 none repeat scroll 0% 0%;
z-index: 4;
position: absolute;
border-radius:...