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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.