CSS3在Chrome中旋转时形状闪烁

时间:2014-04-16 21:09:56

标签: css3 google-chrome webkit

我正在为个人项目制作一个相对简单的3D形状:我之前没有构造过任何非常复杂的东西,而且它已经非常顺利了。

图像应该是牛奶盒,除了顶部的三角形嵌入件外,一切都很好。看看这个例子,看看我的意思:

http://codepen.io/neagle/pen/yuHJg?editors=110

在Chrome中,当纸盒旋转时,您可以看到插图在它们前面的矩形覆盖时,闪烁进出可见性。 (在Safari中看起来很好。)

我正在使用Photon,但是如果你担心这可能是问题,你可以很容易地禁用它并看到问题仍然存在。

任何人都有见解?

注意:由于我对三角形使用-webkit-mask,因此该示例仅限webkit。

0 个答案:

没有答案