没有衬垫或边缘的旋转元件不会粘在侧面

Question

我有一个div我在容器内旋转。我无法将旋转的div“粘贴”到容器的最左侧。请参阅this fiddle了解我的意思。

Answer 1

您需要将transform-origin（-webkit-transform-origin等）设置为top left，并在轮播后添加translateX(-100px)（如下所示：transform: rotate(-90deg) translateX(-100px) ）。否则，您将围绕中心点旋转（在旋转的元素上设置背景，您将看到）。

侧注意，确保过滤器未在IE9中应用（使用条件注释），否则两者都将被应用，结果为黑盒。

Updated fiddle