Страницы

Поиск по вопросам

четверг, 21 марта 2019 г.

Смазывание текста, когда используется анимация

Есть текст, расположенный вертикально
Повернут с помощью transform: rotate(90deg);

Все хорошо, но когда на странице появляется анимация
То текст смазывается -

Как с этим бороться?


Ответ

Такое поведение есть в некоторых браузерах (в Хроме, например), некоторые вроде как от этого избавились, но общего решения для этой проблемы нет. Причина же таких визуальных эффектов в том, что вы анимируете свойство transform — что, кстати, наиболее правильно — а такая анимация происходит отдельным слоем на GPU и с субпиксельным сглаживанием, и именно от применяемого алгоритма в браузере для этого сглаживания зависит будет замыливание или нет.

Комментариев нет:

Отправить комментарий