Как побороть магию изменения цвета при transition?

Question

[vovkka]

Добрый день.
Суть вопроса в том, что при наведении на ссылку происходит ховер ( transform scale).
Подскажите пожалуйста почему прыгает цвет ссылок. Да и в принципе всего текста на сайте, при наведении именно на пункты меню. Как убираю transition все норм.... но ведь я в нем ставлю конкретное свойство, да и не должно оно ко всему тексту на сайте применяться. Кусок кода на кодепен:
https://codepen.io/vovkka/pen/OjGyRJ
Всем спасибо большое!

Answer 1

[ⓒⓢⓢ]

Это из-за рендеринга браузера.
Можете поиграться с размером шрифта и получить похожую анимацию
https://codepen.io/anon/pen/oeOjrK

Comments

[vovkka]

JRK_DV Спасибо!

Answer 2

[Дмитрий]

добавьте для &__link

-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);

Comments

[vovkka]

Дмитрий Спасибо!