<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.