2

给定一个正方形，我如何旋转它，例如元素翻转，其对角线是旋转的原点？我设法使用以下方法翻转它：

-webkit-transform: rotateX(90deg) rotateZ(90deg) rotateY(-90deg);

你可以在这里看到一个例子

但这不会在对角轴上旋转。我怎样才能做到这一点？基本上我想要实现的是，当元素旋转时，它的右上角和左下角不会不合适。感谢并为我糟糕的英语/解释感到抱歉：S！

4

3 回答 3

3

看来我参加聚会有点晚了，但是 

-webkit-transform: rotate3d(-2,1, 0,-180deg);

可能会给你你正在寻找的行为。

于 2014-07-17T19:19:50.820 回答
1

正如您在这个 jsfiddle中看到的那样，矩阵变换和缩放的组合起作用。使用背景图像效果会更加明显。

于 2012-07-19T15:09:32.940 回答
0

如果我正确理解您的问题，您只需要添加以下内容：

-webkit-transform-origin: left bottom

如果不是这样，请在此处查看有关如何更改旋转原点的信息：https ://developer.mozilla.org/en/CSS/transform-origin

于 2012-07-19T15:09:13.750 回答