chrome闪烁CSS变换

Pie*_*Bez 1 css google-chrome flicker

有人以前见过这个吗

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

整个浏览器(仅 Chrome)闪烁到我实际上可以看到它后面的桌面,但只有一瞬间?

有 4 个笑脸按钮可以触发 css 转换。它不会每次都一致发生,因此您必须将鼠标悬停在按钮上才能触发动画几次

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

我没有发布代码,因为代码太多,我不知道要发布哪一部分。希望有人能够在遇到类似问题后立即认识到该问题

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

因此,如果有人以前见过这个或知道可能导致此问题的特定 CSS 位,请告诉我,因为我很困惑。

小智 5

由于您使用的是 css,因此您可以尝试以下几项操作:

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

对于字体,您可以尝试:

html,body {
    -webkit-font-smoothing: antialiased;
}
Run Code Online (Sandbox Code Playgroud)

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