[Solved] Transforms cause font-smoothing weirdness in Webkit

[alfiqmiq]

transform: perspective(1px) scale(1.1)

also

transform: perspective(1px) scale3d(1.1, 1.1, 1)

works fine

[slappy-x]

Something i just noticed regarding this topic is the use of overflow:hidden.

I had a rotated div with a negative rotated (by the same amount) div inside it and any text within was extremely blurry, i tried everything above with no results. Then i noticed that another div had the same rotation but was clear text. removing overflow:hidden solved this issue in chrome and firefox.

Hope it helps some one in the future

[Author]

Posts