Как решить проблему с размытием текста в Chrome (overflow: hidden на div после трансформа)?

Проблема появляется в Chrome в виде размытия текста после overflow: hidden на div после трансформа.
"Лекарства" со stackoverflow типа "-webkit-font-smoothing", "transform: scale(1.1) translate3d(0,0,0)", "backface-visibility: hidden" не лечат.
Пример проблемы (только для Chrome)
  • Вопрос задан
  • 4798 просмотров
Пригласить эксперта
Ответы на вопрос 1
Конкретно в данном примере чтоб сделать наклоненный фон, его лучше сделать отдельным блоком, не содержащим текст (например, поместить его в блок с текстом, position: absolute и растянуть как нужно). Нужно стремиться, чтоб текст не был в трансформируемых блоках.
Если такой вариант вам подходит, могу показать пример его реализации, видоизменив ваш пример.
Ответ написан
Ваш ответ на вопрос

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

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