css - chrome 闪烁 css 变换

Question

有没有人看过这个

http://www.duimpiesemaat.com/cherie/

整个浏览器(只有 chrome)闪烁到我实际上可以看到我的桌面在它后面的程度，但只有一瞬间？

有 4 个笑脸按钮可触发 CSS 转换。它不会每次都发生，所以你必须将鼠标悬停在按钮上几次才能触发动画

我读过其他一些关于类似情况的帖子，但没有一篇描述这种情况。

我没有发布代码，因为代码很多而且我不知道要发布哪一部分。希望有人能从遇到类似问题中立即认识到问题

顺便说一句，该网站仍处于试验阶段。我有一个客户想要一个 Flash 网站。由于苹果/闪电抵制，我建议不要这样做。所以现在我在 CSS 中玩弄类似 Flash 的行为。

因此，如果有人以前见过这种情况或知道可能导致这种情况的特定 CSS，请告诉我，因为我很困惑。

Answer 1

由于您使用的是 css，因此您可以尝试以下几件事:

• 在闪烁的元素上添加-webkit-backface-visibility: hidden;
• 在闪烁的元素上添加-webkit-transform-style: preserve-3d;
• 将 -webkit-transform: translate3d(0, 0, 0); 添加到它的所有子元素(如果有的话)

对于字体，你可以尝试:

html,body {
    -webkit-font-smoothing: antialiased;
}

此外，由于您的问题发生在悬停期间，建议您使用 :hover 选择器