html输出正方形,html中这种图片是如何布局的，又不是正方形？

具体就是一个标签旋转逆时针120度，然后内部的标签旋转顺时针60度，内部的顺时针再旋转60度，相当于图片转正了，overflow: hidden;visibility: hidden;多余的减掉

.box{

width: 200px;

height: 250px;

overflow: hidden;

visibility: hidden;

box-sizing: border-box;

}

img{

width: 100%;

vertical-align: middle;

height: 100%;

}

.box1{

transform: rotate(-120deg);

float: left;

margin-right: 10px;

}

.box2{

transform: rotate(60deg);

}

.box3{

transform: rotate(60deg);

visibility: visible;

}