CSS透视转换

Question

我想创建一个应用程序，该应用程序由透视图中的地图组成，然后我可以添加地图标记（绝对定位DIV），但是我认为我陷入了一些与转换/ 3D空间混乱的问题。我认为DIV 1位于位置0,0（当放平时 - 点击按钮时），但是在直立位置左边有一个小的余量（这似乎是由视角值控制，所以我猜我需要补偿这个不知何故？）。

等于Div2似乎在画布的极端位置处于正确的位置，但是如果我将顶部/左侧值更改为100,100，它将隐藏在画布下方 - 是否需要用额外的在？中变换？轴？如果是这样，为什么这不是一个位于画布顶部的Div单元的问题？

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

Answer 1

可以调整，其中使用变换起源的-webkit-transform-origin property（和其他前缀）。我无法弄清楚使用什么价值，但它应该有所帮助。尝试将其设置为bottom以查看它是如何工作的。