Почему изменяется вид шрифта во время анимации стороннего объекта?

Добрый день.
Заметил, что на Маке во время анимации смены заднего фона блока при помощи метода fadein() от JQuery во время анимации стиль шрифта кнопок меняется. Стиль шрифта всегда один и не меняется при наведении мною в стилях.

Заметил, что шрифт меняется сразу у обоих кнопок.

На винде все в порядке. Почему так происходит?
6707f37c4da24cdfb5b3c6fd1b6ae9e9.gif

Ссылка на страницу - goo.gl/sBEZjr
  • Вопрос задан
  • 1062 просмотра
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Проблема старинная и живёт аж с 2009 года.
Встречал разные предлагаемые способы решения.

Stacking context
position:relative + z-index:...
Обсуждение, в котором есть ссылка на видео и решение проблемы. Для вашего случая это относится к слою с кнопками и слоям с изображениями.

3D transform engine
-webkit-transform: translateZ(0)
Обсуждение с предложением использования 3D движка. Звучит разумно.

Font smoothing
-webkit-font-smoothingantialiased | subpixel-antialiased
В обоих обсуждениях и по отдельности можно встретить попытки побороть проблему за счёт управления сглаживанием. Не пробовал, ничего не скажу, но энтузиазма по поводу этих решений не увидел.

Пы.Сы. А зачем вам animation-fill-mode для кнопок?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
STJ
@STJ
Front-end developer
Там нет прозрачностей? В тенях может.
Я бы изменил шрифт на другой и проверил, реально ошибка в шрифте. И также убрал все стили с этого текста.
Нужно идти по пути исключений.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы