Защо изгледът на шрифта се променя по време на анимацията на обект на трета страна

Добър ден. Забелязах, че на Mac, когато анимирате промяната на фона на блок с помощта на метода fadein() на JQuery, стилът на шрифта на бутоните се променя по време на анимацията. Стилът на шрифта винаги е един и същ и не се променя, когато задържа курсора на мишката върху стилове.

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

В Windows всичко е наред. Защо се случва това?

шрифта

Проблемът е стар и е от 2009г. Попаднах на различни предложени решения.

3D трансформатор-webkit-transform: translateZ(0)Дискусия, предлагаща използването на 3D двигател. Звучи разумно.

Изглаждане на шрифта-webkit-font-smoothing-antialiasedsubpixel-antialisedИ в двете дискусии и индивидуално могат да се направят опити за преодоляване на проблема чрез контролиране на антиалиасинг. Не съм го пробвал, няма да кажа нищо, но не видях ентусиазъм за тези решения.

Py.Sy. Защо ви е необходимanimation-fill-modeза бутони?

Благодаря ти! Тази инструкция помогна: -webkit-font-smoothing: subpixel-antialiased;

Но тук възниква друг въпрос: какъв вид изглаждане на шрифта е за предпочитане да се използва в Safari?

P.S. В момента не виждам този проблем в Chrome.

Евгений Петров: Имам този проблем само на мак.

Така че въпросът е: - възможно ли е по някакъв начин да се настрои антиалиасингът на текста към целия текст в случай на анимация или се налага само на всеки блок?