Firefox中奇怪的变换风格行为

时间:2014-06-28 05:50:49

标签: javascript css html5 css3 3d

我制作了第二次世界大战飞机的3D模型。它应该旋转,射击和飞行。

3D WWII Plane

问题是Firefox并不像3D对象那样渲染平面,但Chrome确实如此。也许问题是我的变换风格。

您认为这会导致什么问题?我如何解决它?而且它有时会滞后很多。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

再次,所谓的 FireFox 证明它是一个有缺陷的浏览器(没有提到它的慢速功能)。看起来整个模型.plane无法将transform-style:preserve-3d应用于其所有后代,只是直接子项,或者该规则仅适用于伪元素(:before和{ {1}})。在这种情况下,正面粉丝(:after)未被模型.body:after中的preserve-3d变换样式集应用,您必须在.plane中设置该样式(它是粉丝.body的直接父级),然后它工作得很好,当然渲染稍有不同,这是由FireFox引起的:

:after

Updated demo