<div class="wrapper">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div class="wrapper2">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div class="wrapper3">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div class="connect1"></div>
<div class="connect2"></div>
<div class="connect3"></div>
<div class="connect4"></div>
<div class="connect5"></div>
<div class="connect6"></div>
body{
background-color:darkcyan;
}
.one,.two,.three{
display:block;position:absolute;
height:300px;width:26px;top:49px;left:201px;transform:rotate(60deg) skew(30deg);}
.one:after,.two:after,.three:after{
position:absolute;content:"";
height:278px;width:0px;top:-141px;left:165px;transform:rotate(-90deg)skew(0deg);
border-bottom:23px solid transparent;}
.one{background-color:#333;}
.two{background-color:#aaa;}
.three{background-color:#666;}
.two{transform:rotate(180deg) skew(30deg); left:380px;top:39px;}
.three{transform:rotate(-60deg) skew(30deg); left:300px;top:200px;}
.one:after{border-right:20px solid #333;}
.two:after{border-right:20px solid #aaa;}
.three:after{border-right:20px solid #666;}
.wrapper2{
position:absolute;
transform:scale(0.5);
margin-left:146px;
margin-top:111px;
}
.wrapper3{
position:absolute;
transform:scale(0.2);
margin-left:240px;
margin-top:188px;
}
.connect1,.connect2{position:absolute;background-color:#333;
transform:rotate(60deg)skew(30deg);}
.connect1{
left:178px;top:258px;
width:60px;height:14px;}
.connect2{
left:244px;top:242px;
width:42px;height:6px;}
.connect3,.connect4{position:absolute;background-color:#666;
transform:rotate(120deg)skew(30deg);}
.connect3{
left:342px;top:318px;
width:60px;height:14px;}
.connect4{
left:314px;top:278px;
width:38px;height:6px;}
.connect5,.connect6{position:absolute;background-color:#aaa;
transform:rotate(180deg)skew(30deg);}
.connect5{
left:310px;top:139px;
width:60px;height:14px;}
.connect6{
left:308px;top:202.6px;
width:38px;height:6px;}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.