CSS переходы в webkit

Question

Я вижу интересную ошибку в chrome относительно CSS-переходов.

Страница мерцает во время переходов. Пока я видел это только в Chrome.

Вы можете увидеть это в моем портфолио: 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;