css实现六边形图片

效果图：

代码名称：

		 <div class="con-show01">
            <div class="con-show02">
              <div class="con-show03 bg01">
                <img :src="photo ? photo : defaultPhoto" width="100%" height="100%">
              </div>
            </div>
          </div>



  .con-show01{width: 44px;height: 50px;float: left;margin-left: 10px;overflow: hidden;transform:rotate(120deg);}
  .con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
  .con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: #eee;}