CSS 3D转换问题

CSS 3D转换问题,css,Css,我正在一个新的项目中尝试实现一些涉及3D转换的css3。虽然我成功地克服了InternetExplorer支持有限的问题,但我在Firefox的工作中遇到了问题 当变换发生时,无论是我使用rotateY(deg)还是rotate3d(x,y,z,angle)方法,并且仅在Firefox中,都会出现过度闪烁。在Chrome浏览器中,甚至在Internet Explorer中,它们都可以正常工作 您可以在中看到我的意思。(将鼠标悬停在div上以查看效果。) 有没有一种方法可以修复3d效果,并且仍然可

我正在一个新的项目中尝试实现一些涉及3D转换的css3。虽然我成功地克服了InternetExplorer支持有限的问题,但我在Firefox的工作中遇到了问题

当变换发生时,无论是我使用
rotateY(deg)
还是
rotate3d(x,y,z,angle)
方法,并且仅在Firefox中,都会出现过度闪烁。在Chrome浏览器中,甚至在Internet Explorer中,它们都可以正常工作

您可以在中看到我的意思。(将鼠标悬停在div上以查看效果。)


有没有一种方法可以修复3d效果,并且仍然可以在Firefox、Chrome和IE三种浏览器中使用?

Edit2:我可以确认Firefox版本26.0中的闪烁

你可以看看这个问题,寻找其他可能的方法来防止闪烁

编辑:如果这不是一个很好的答案,我很抱歉。我会评论的,但我不被允许


编辑3:test3d的闪烁非常糟糕。动画被渲染为完全不可见,并且在完成之前似乎要回溯几次

在我的FF v26上运行非常平稳我也在运行v26,我甚至每晚都尝试过,我看到过过度的颤抖/闪烁。你确定没有注意到任何问题吗?你试过用Chrome来运行它吗?它们看起来是一样的,只是大三角形(teal)的旋转轴看起来不同不知道为什么你看不到颤抖/闪烁我会给你发一封电子邮件,告诉你一个真实的项目,kindle会让你检查一下,如果你能注意到的话。现在就发送邮件。其他人可以确认他是否看到了上面提到的问题吗?这是否意味着你也看不到你电脑中的任何闪烁?如果你不能评论,只需更新你的实际答案。请确认。我似乎可以在自己的帖子上发表评论。如上所述,我可以确认Firefox26中存在闪烁。现在,我将尝试各种解决方案,看看是否可以解决这个问题,但老实说,这可能是Mozilla的错。为了帮助您搜索解决方案,我想提到的是,完全删除
透视图将停止闪烁,但不会出现3D效果,特别是在其他更复杂的3D变换中。我想我可以通过玩转场和度来解决这个问题,我真正的问题是闪烁:(对不起,似乎我所做的一切都无关紧要。)/我可以尝试在早上从头开始重新编写,看看这是否能提供更好的结果。