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

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