我有一個小提琴here你可以玩。移動rotateX和rotateY滑塊以查看。元素中距離您最近的部分較小，而距離較遠的部分較大。如果你用它翻轉它爲什麼變形元素的視角出現倒退？

transform:rotateZ(180deg);

它看起來是正確的，但我不明白爲什麼它不只是看起來正確的擺在首位。

enter image description here

更新

這是有道理的，如果你看一下this 3d cube。 立方體的變換原點是立方體的中間部分。

如何或爲什麼是這個問題？下面列出的每個用戶關閉這個話題都是弱點。在你的聖潔背後提供一個答案或推理，而不是你的特權 – albert 2013-03-11 04:02:51

thx爲了保持問題的有效性。 – user1873073 2013-03-11 04:13:30

@thinkingstiff「停止把它放在最上面」這是一個深入而直觀的答案。我們都可以從中學習！ – albert 2013-03-11 04:14:42

等距

至於我可以告訴的方法工作，因爲他們是假設，這只是他們在等距3D旋轉，也就是沒有觀點。這將使您的最接近的和更遠的邊緣具有相同的尺寸，這與真正的3D不同，後者的邊緣看起來越小，越接近越大。

要深入瞭解等軸測投影給一個閱讀。

視角

如果你想獲得你的perspective屬性添加到您的CSS爲包含元素的旋轉角度。如果您在第一個小提琴中添加-webkit-perspective: 1000px;到<body>，並在Chrome中查看結果，您將獲得可能需要的透視3D效果。

有關該屬性的更多信息可在CSS3 transform spec中找到。

2013-03-11 13:33:06

後，再次看看這個屬性這是最終什麼工作。奇怪的是，它只在將其應用於容器的父級時才起作用。 – user1873073 2013-03-12 01:17:22