如何使用 CSS 沿对角轴旋转方形元素？

Question

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

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

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

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

Answer 1

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

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

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