Javascript 平移3d中的z

有人能给我解释一下或给我指出一个使用z-in-translate3d-webkit转换的例子吗？我已经成功地使用translate3dx，y，0在mobile Safari上获得硬件加速的2D动画，但现在我尝试使用z参数进行缩放，但它似乎没有任何效果

elem.style.WebkitTransform = 'translate3d(100px,0,0)'; // this works as expected
elem.style.WebkitTransform = 'translate3d(0,0,100)'; // nothing happens
elem.style.WebkitTransform = 'translate3d(0,0,100px)'; // nothing happens
elem.style.WebkitTransform = 'scale(1.2, 1.2)'; // works but slow on ios

---

旁注：我正在尝试构建一个在ios上运行顺畅的小缩放脚本。

记住在包含框上设置-webkit透视图。800是一个很好的起始值。如果长方体消失，请缩小它，它可能比视口大

Surfin的Safari博客上有一篇文章，是3d变换最初发明时的文章：

-webkit透视图用于提供深度错觉；信息技术 确定事物如何根据其相对于z=0的z偏移来更改大小 飞机你可以把它想象成是从一个角度看这一页 距离p远。z=0平面上的对象以其正常大小显示。 在查看器和z=0之间的z偏移量为p/2的部分 平面看起来将是原来的两倍大，而z偏移量为-p的物体将 看起来一半大。因此，较大的值会产生一点缩短 效果，并且小值会导致大量的缩短。值介于500px之间 对于大多数内容，1000px给出了一个合理的结果

---

更多信息：

记住在包含框上设置-webkit透视图。800是一个很好的起始值。如果长方体消失，请缩小它，它可能比视口大

Surfin的Safari博客上有一篇文章，是3d变换最初发明时的文章：

-webkit透视图用于提供深度错觉；信息技术 确定事物如何根据其相对于z=0的z偏移来更改大小 飞机你可以把它想象成是从一个角度看这一页 距离p远。z=0平面上的对象以其正常大小显示。 在查看器和z=0之间的z偏移量为p/2的部分 平面看起来将是原来的两倍大，而z偏移量为-p的物体将 看起来一半大。因此，较大的值会产生一点缩短 效果，并且小值会导致大量的缩短。值介于500px之间 对于大多数内容，1000px给出了一个合理的结果

---

更多信息：

我制作此文件是为了向您展示webkit transform 3D的工作原理：

---

我希望它能帮助你。我猜你的身体或父母标签中没有-webkit透视图

我制作此文件是为了向您展示webkit transform 3D的工作原理：

---

我希望它能帮助你。我猜你的身体或父母标签中没有-webkit透视图

这么简单。你能给我解释一下计算是如何进行的吗，我想把我的元素调整125%？好问题。我会保持透视图不变，并像以前一样更改z变换。你可以通过反复试验来做到这一点。我已经编辑了我的答案，包括了更多。太简单了。你能给我解释一下计算是如何进行的吗，我想把我的元素调整125%？好问题。我会保持透视图不变，并像以前一样更改z变换。你可以通过反复试验来做到这一点。我已经编辑了我的答案，以包含更多内容。