Chrome CSS3 3D变形bug

2012-05-15 60 views 3 likes

我已经得到了css在3d空间中的一个元素上做卡片翻转。除了在页面上下滚动时，您可以在Chrome中的某些位置随机获取页面上显示的白色元素，这非常适用。我在facebook标签中附加了一个图像作为示例。在镀铬窗口，白色的“盒子”有时会掩盖内容。当我注释掉3d变换css时，这不会发生。这是一个小提琴（http://jsfiddle.net/derekaug/QSEvs/）的css，做3d的东西。不幸的是，我无法链接到实际的标签，因为它不公开。Chrome CSS3 3D变形bug

Example

来源

2012-05-15 derekaug

我无法在Chrome 18/OSX 10.6.8复制的问题;说，可能是因为'.entry'没有宽度？尝试在'.entry'类中添加'width：250px'？ –

试过了，没成功 – derekaug

啊，不用担心了。就像我说的，我自己无法解决问题，所以我只是抓着吸管！ –

回答

我之前有这样的问题，并不是说这将是肯定的工作，但我怎么固定它删除时不被使用他们所有的元素转换CSS属性。

这是，只在应用动画时应用转换属性。这意味着在您的示例中，为每个动画创建2个类，其中包含所有转换属性，删除基类中的动画。然后点击应用适当的类，并在转换结束后立即移除该类。还有是在分子发射的一个JavaScript回调时过渡结束，将让你删除类：

CSS3 transition events

来源

2012-05-15 13:26:33

这适用于Chrome，但会在动画启动时导致整个页面在Safari中闪烁。 – derekaug

一步向后退一步......你有新的代码小提琴吗？如果没有显示代码 –

这个应用程序很快就会生效，我很难猜测，当我拥有该应用程序时，我会添加一个链接到主帖子。 – derekaug

Chrome CSS3 3D变形bug

回答

相关问题