CSS透视变换

我正在尝试创建一个由透视图组成的应用程序，我可以在其中添加地图标记（绝对定位的DIV），但是我认为转换/3D空间有点混乱

以下面引用的小提琴为例，我希望DIV 1位于位置0,0（平放时为该位置-单击按钮），但在其垂直位置的左侧有一个小边距（这似乎由透视值控制，因此我猜我需要以某种方式对此进行补偿）

同样，Div2在画布的最远端似乎处于正确的位置，但是如果我将“上/左”值更改为100100，它将隐藏在画布下方-我是否需要在画布中使用附加变换来提升标记位置？？轴如果是这样的话，为什么对于位于画布顶部的divone来说这不是一个问题呢

---

您可以使用

-webkit transform origin属性

（和其他前缀）调整转换的起始位置。我不太清楚使用什么价值，但它应该会有所帮助。尝试将其设置为

bottom

以查看其工作原理。

谢谢-我在标记上添加了一个webkit transform origin:bottom，这解决了它（包括DIV1上的奇数额外像素）。更新小提琴：