WebKit: Размытый текст с css scale + translate3d

Я вижу проблему, при которой Chrome и другие браузеры WebKit сильно размывают любой масштабированный css-контент, к которому также применен translate3d.

Вот сценарий JS: http://jsfiddle.net/5f6Wg/ . (Просмотреть в Chrome.)

 .test {-webkit-transform: translate3d (0px, 100px, 0px); } .testInner {/ * - webkit-transform: scale (1.2); * / -webkit-transform: scale3d (1.2, 1.2, 1); выравнивание текста: центр; } 

 
 
 Это размытое изображение в Chrome / WebKit при применении translate3d и scale или scale3d. 
 
 

Есть ли какие-нибудь обходные пути для этого? Я понял, что в приведенном выше простом примере я мог бы просто использовать translate, а не translate3d - суть здесь в том, чтобы сократить код до самого необходимого.