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

Question

[Александр Малинов]

Проблема появляется в Chrome в виде размытия текста после overflow: hidden на div после трансформа.
"Лекарства" со stackoverflow типа "-webkit-font-smoothing", "transform: scale(1.1) translate3d(0,0,0)", "backface-visibility: hidden" не лечат.
Пример проблемы (только для Chrome)

Answer 1

[Антон]

Конкретно в данном примере чтоб сделать наклоненный фон, его лучше сделать отдельным блоком, не содержащим текст (например, поместить его в блок с текстом, position: absolute и растянуть как нужно). Нужно стремиться, чтоб текст не был в трансформируемых блоках.
Если такой вариант вам подходит, могу показать пример его реализации, видоизменив ваш пример.