Css 如何移除它们之间的线旋转

就像这个演示：

当块旋转时，如何删除块之间的白线

也许没有translate/margin/top属性也可以

---

糟糕的英语。XD

您可以在块周围添加边框：

---

问题是很难使div精确匹配

你的布局很精确。然而，尺寸上的微小舍入会产生div之间的间隙

但是，如果增加尺寸，则角不再匹配

一个可行的解决方案是在div之间设置一个阴影。并使该阴影略小于div，以便在角度中不可见：

#girl{
    width:300px;height:400px;margin:100px auto 0;
  -webkit-perspective:1000;
    -webkit-perspective-origin: center center;
}
#girl .item{
  height: 100px;width:100%;background-color:#333;
  -webkit-transform-origin:top;
  -webkit-transform-style:preserve-3d;
  box-shadow: 0px 2px 0px -1px #333;
}
#girl .item.i1{-webkit-transform:rotateX(45deg);}
#girl .item.i2{-webkit-transform:translateY(100px) rotateX(-90deg);}
#girl .item.i3{-webkit-transform:translateY(100px) rotateX(90deg);}
#girl .item.i4{-webkit-transform:translateY(100px) rotateX(-90deg);}