给定一个正方形，我怎样才能旋转它，例如元素翻转，其对角线是旋转的原点？我设法使用：
翻转它-webkit-transform: rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
您可以看到示例here
但这不会在对角轴上旋转。我怎样才能做到这一点？基本上我想要实现的是，当元素旋转时，它的右上角和左下角不会不合适..谢谢，抱歉我的英文不好/解释：S！
答案 0 :(得分：3)
看起来我有点迟到了，但是
-webkit-transform: rotate3d(-2,1, 0,-180deg);
可能会为您提供您正在寻找的行为。
答案 1 :(得分：1)
您可以在this jsfiddle看到matrix-transformation和scaling的组合。 with a background-image效果变得更加明显。
答案 2 :(得分：0)
如果我理解你的问题，你只需要添加：
-webkit-transform-origin: left bottom
如果不是这样，请查看有关如何更改旋转原点的信息：https://developer.mozilla.org/en/CSS/transform-origin