有关3D转换的信息

Question

这不是一个问题，而是一个信息。在谷歌遭受了2天的攻击之后，我没有找到这个问题的简单解决方案，并且我认为我可能会把它放在这里给可能遇到同样问题的其他人：

在css中对对象使用3D变换时，必须遵循以下规则：

1. 您必须添加perspective属性。默认情况下它是none，因此您需要添加一个以查看3D效果。

2. 您必须在透视图旁边添加“px”或“％”或“em”，否则它将无法在Firefox中使用。

   -moz-transform: perspective(1000px) rotateY(30deg);
   

3. 您必须添加-webkit-前缀才能在Chrome中使用。如果Chrome中有透视图，则Chrome不接受不带前缀的转换。

4. 将perspective属性添加到要转换的对象的容器div中。最简单的方法是在css重置期间将其添加到正文中，或者如果不重置则只需手动添加它。这可以防止ios Safari中的错误。

我意识到这些信息很快就会过时。但我仍然想把它放在这里，以防其他人遇到与我一样的问题（问题2是我无法找到答案的那个）。

如果您尝试在javascript中访问该样式，请尝试以下操作：

elementID.style.transform = "perspective("+value+"px) " + ....
elementID.style.webkitTransform = "perspective("+value+"px) " + ....
elementID.style.MozTransform = "perspective("+value+"px) " + ....

对于moz，M是大写的。