CSS透视转换

时间:2012-01-10 14:24:57

标签: css css3 css-transforms

我正在尝试创建一个应用程序,其中包含一个透视图,我可以添加地图标记(绝对定位DIV)但是我想我变得有点混乱变换/ 3D空间。

以下面引用的小提琴作为例子,我希望DIV 1位于0,0位置(当它平放时点击按钮)但是在它的直立位置左边有一个小的边缘(这似乎是由透视值控制,所以我猜我需要以某种方式弥补这一点?)。

同样Div2似乎位于画布最远端的正确位置,但是如果我将top / left值更改为100,100它隐藏在画布下方 - 我是否需要通过额外的变换来提升标记位置在里面 ??轴?如果是这样,为什么这对于位于画布顶部的Div one来说不是问题?

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

1 个答案:

答案 0 :(得分:2)

您可以使用-webkit-transform-origin property(和其他前缀)调整变换的来源。我无法确定使用什么价值,但它应该有所帮助。尝试将其设置为bottom以查看其工作原理。