鉻閃爍CSS變換

Question

，有沒有人之前

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

整個瀏覽器（僅限Chrome）閃爍的地步，我可以看到actualy它後面，但只有不到一秒鐘，我的桌面上看到了這一點？

有4個笑臉按鈕可以觸發css轉換。它不會一直髮生，所以你必須將鼠標懸停在按鈕上以觸發動畫幾次

我已經閱讀了類似情況下的其他文章，但沒有一篇描述這種情況。

即時消息不發佈的代碼，因爲有很多它，我不知道什麼部分發布。希望有人能夠認識到這個問題，直接從類似的問題

順便說一句，該網站仍然是非常實驗性的。我有一個客戶誰想要一個Flash網站。我建議反對它，因爲蘋果/閃光抵制。所以現在即時通訊與Flash一樣在CSS中玩耍。

因此，如果任何人之前已經看到這個或知道可能會導致此問題的特定位的CSS，請讓我知道，因爲我感到困惑。

Answer 1

由於您使用的CSS，有一對夫婦的事情，你可以嘗試：

• 添加-webkit-backface-visibility: hidden;到閃爍，然後加-webkit-transform: translate3d(0, 0, 0);所有元素是clildren元素（如果有的話）
• 添加-webkit-transform-style: preserve-3d;到閃爍

對於字體的元素，你可以嘗試：
HTML，身體{
-webkit-font-smoothing: antialiased;
}

此外，由於懸停過程中出現的問題，建議你使用:hover選擇