CSS透視轉換

Question

我想創建一個應用程序，該應用程序由透視圖中的地圖組成，然後我可以添加地圖標記（絕對定位DIV），但是我認爲我陷入了一些與轉換/ 3D空間混亂的問題。我認爲DIV 1位於位置0,0（當放平時 - 點擊按鈕時），但是在直立位置左邊有一個小的餘量（這似乎是由視角值控制，所以我猜我需要補償這個不知何故？）。

等於Div2似乎在畫布的極端位置處於正確的位置，但是如果我將頂部/左側值更改爲100,100，它將隱藏在畫布下方 - 是否需要用額外的在？中變換？軸？如果是這樣，爲什麼這不是一個位於畫布頂部的Div單元的問題？

http://jsfiddle.net/vEWEL/9/

Answer 1

可以調整，其中使用變換起源的-webkit-transform-origin property（和其他前綴）。我無法弄清楚使用什麼價值，但它應該有所幫助。嘗試將其設置爲bottom以查看它是如何工作的。