为什么css中rotateX的负值不会改变旋转方向

如果将css

transform:rotateY（-30deg）

vs

transform:rotateY（30deg）

。你会得到两个不同的结果，这是你所期望的结果。沿一个方向或另一个方向旋转。与Z轴相同

但对于X轴，情况似乎并非如此。我希望在X轴上旋转时，顶部在前面，而底部在后面

查看演示：

它是css中的bug吗

我知道我可以给它330之类的值，但这会使它旋转两次，弄乱我想要的动画。如果不是动画，我会用它

太令人沮丧了

---

它适用于Y，Z，但为什么不适用于X？

因为它显示的是正交投影

您需要定义父元素的透视图：

-webkit-perspective: 500px;
-moz-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;

---

更多信息请访问MDN:

rotateX似乎没有任何效果。在哪里可以找到这些命令的文档？它在chrome中确实有效，但只有一半是可能的。试试这个：如果它看起来仍然很奇怪，也许可以尝试将父对象上的

透视原点设置为正好位于图像的中心。我不知道我在使用透视时做错了什么，但现在它工作了..哈哈..哦，透视属性也可以位于旋转的元素本身..谢谢，我不知道你可以将透视添加到元素本身：O我已经学会了注意：只有当你对chrome中的孩子有了自己的看法，它才会起作用