Проблема:
Почему при применении некоторых трансформаций, к примеру scale, соседние элементы, в особенности шрифт, на долю секунды меняются и возвращаются в исходное состояние? Шрифт например тоньше становится, а потом восстанавливается. Бывает, что некоторые оттенки бекграунда изменяются и также возвращаются в исходное состояние. При том, что анимируемый элемент изолирован от этих внешних полностью, абсолютно позиционирован, и не является дочерним. В Хром помогает:
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
но, при этом, в Сафари, при анимации слайдера через transform: translateX текст внутри элемента, а также вокруг, снова изменяется. Становится тоньше, потом возвращается в исходное состояние. Шрифт подключен собственный.
Вопрос:
Как бороться с этой проблемой?
Заранее спасибо.
Простой
