#60 - Evil Triangles.html

<div a></div>
<div b></div>
<div c></div>
<div d></div>
<div e></div>
<style>
  body{
    background:#191919;
  }

  [a]{
    position:absolute;
    top:75;
    left:100;
    border-top:50px solid #4F77FF;
    border-left:50px solid transparent;
    border-right:50px solid transparent;
	-webkit-box-reflect:right;
  }

  [b]{
    position:absolute;
    top:150;
    left:100;
	width:50;
    height:50;
    transform:skewY(45deg); 	 
    background:#4F77FF;
  }
  [c]{
    position:absolute;
    top:150;
    left:150;
	width:50;
    height:50;
    transform:skewY(-45deg); 	 
    background:#4F77FF;
  }
  [d]{
    position:absolute;
    top:150;
    left:250;
	width:50;
    height:50;
    transform:skewY(-45deg); 	 
    background:#4F77FF;
  }
  [e]{
    position:absolute;
    top:150;
    left:200;
	width:50;
    height:50;
    transform:skewY(45deg); 	 
    background:#4F77FF;
  }
</style>