如果您输入css transform: rotateY(-30deg) vs transform: rotateY(30deg)。您将得到两个不同的结果，即您期望的结果。沿一个方向或另一个方向旋转。与Z轴相同。
但是使用X轴似乎并非如此。我希望顶边朝前，而底边则在X轴上旋转时返回。
查看演示： http://jsfiddle.net/techsin/x5Qgx/3/
是css中的错误吗？
我知道我可以给它带来330或者其他东西的价值，但它会旋转两次并弄乱我想要的动画。如果它不是动画我会使用它。
太令人沮丧了。
适用于Y，Z但为什么不适用于X？
答案 0 :(得分：1)
因为它显示的是正投影。
您需要定义父元素的透视：
-webkit-perspective: 500px;
-moz-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;
MDN的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/perspective