Css 图像旋转-图像切断

当我使用rotate90旋转图像时，图像的顶部会被切断，即使容器有溢出：auto

容器{ 宽度：100%； 溢出：自动； } .旋转90{ -webkit变换：旋转90度； -moz变换：旋转90度； -o变换：旋转90度； -ms变换：旋转90度； 变换：旋转90度； } 您需要改用overflow:visible，并且还可以根据您想要显示图像的方式更改变换原点

容器{ 宽度：100%； 溢出：可见； 边框：1px实心； } .旋转90{ 变换：旋转90度； 变换原点：底部； }

---

所以我最后不得不强制翻译，我想这是有道理的

.rotate90 {
  -webkit-transform: rotate(90deg) translate(25%);
  -moz-transform: rotate(90deg) translate(25%);
  -o-transform: rotate(90deg) translate(25%);
  -ms-transform: rotate(90deg) translate(25%);
  transform: rotate(90deg) translate(25%);
}

这并不是在所有情况下都有效，因为图像的宽度决定了我需要什么

---

但对于我所拥有的用例来说，它已经足够好了，

小提琴链接已经断了。请更新你的小提琴。