webkit中的CSS轉換

Question

我在chrome中看到一個有關CSS轉換的有趣bug。

頁面在轉換過程中閃爍。目前我只在Chrome中看到過。

你可以看到這對我porfolio：www.dkhalife.com

只是向下滾動到的技能節和反覆將鼠標懸停在任何的右側的社交圖標，你不能錯過它...

的CSS代碼的過渡，主要是：

-webkit-transition: all 500ms; 
-moz-transition: all 500ms; 
-o-transition: all 500ms; 
transition: all 500ms; 

，基本上我只是改變了透明度和使用hover僞類保證金。

我曾嘗試：

-webkit-backface-visibility: hidden; 

由於對SO其他一些問題提到，但它似乎並沒有解決我的問題。

任何幫助表示讚賞。

Answer 1

而不是

-webkit-transition: all 500ms; 

動畫只是要改變

-webkit-transition: opacity,margin 500ms;