给定一个正方形，我该如何旋转它，例如元素翻转，其对角线是旋转的起点？我设法用其翻转：如何使用CSS在其对角线轴上旋转方形元素？
-webkit-transform: rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
你可以看到一个例子here
但这并不在对角线轴旋转。我怎样才能做到这一点？基本上我试图实现的是当元素旋转时，它的右上角和左下角不会出现位置。谢谢并对我的坏英语/解释感到抱歉：S！
如果我正确理解你的问题，你只需要补充一点：
-webkit-transform-origin: left bottom
如果不是它到底看看这里的信息，如何改变旋转的原点：https://developer.mozilla.org/en/CSS/transform-origin
，你可以在this jsfiddle看到，matrix-transformation和scaling的组合工作。 with a background-image效果变得更明显。
谢谢！我忘了提及我的元素是用“透视图”包裹在一个div中的。我认为我们不需要考虑这一点来改变比例值。 – Jonas 2012-07-19 15:23:07
它看起来像我有点迟到了，但
-webkit-transform: rotate3d(-2,1, 0,-180deg);
可以给你你正在寻找的行为。
谢谢，但这只是让左下角留在同一个地方（就像我想要的）。右上角仍然移动.. – Jonas 2012-07-19 15:20:20
我想你只需要以正确的比例旋转x y和z以防止右上角移动。但我不知道实现这一目标的正确方法。 – alexwells 2012-07-19 15:44:36
我设法旋转它几乎（“固定”的角落是其他两个..），就像我想要它：http://jsfiddle.net/ewGWj/2/ – Jonas 2012-07-19 15:57:24