Пост-анимация размытого / искаженного текста на основе Webkit с помощью translate3d

Эта проблема, по-видимому, затрагивает все браузеры на основе WebKit, включая iPhone.

Сначала немного предыстории. На сайте, над которым я работаю, используется «слайдерная» анимация на основе JavaScript.

Я использую -webkit-transform: translate3d для «усиления» реальной анимации. При использовании этого метода, в отличие от метода на основе JavaScript, текст становится все размытым после анимации содержимого. Это особенно заметно на iPhone.

Я видел несколько обходных путей: удаление относительного позиционирования, что я сделал, и добавление правила для -webkit-font-smoothing: antialiased , которое я тоже сделал. Ни одно из изменений не имело ни малейшего значения.

Единственным способом, которым я мог добиться правильной работы без размытого текста, было использование обычного JavaScript для анимации и полное обхождение translate3d . Я бы предпочел использовать translate3d , потому что он работает намного быстрее на устройствах с поддержкой WebKit, но, хоть убей, я не могу понять, почему это влияет на текст в таком плохом путь.

Мы будем очень благодарны за любые предложения или решения.