why css transform rotate make text ugly

antialiasing, css, transform

Solution

Bad text quality is obviously "fault" of web browser you use, but you should just wait some time and it should be fixed. As web developers learn how to use new features, browser programmers must implement them, and that takes some time to work correctly. Check it in next version of the browser - if text rotation will be growing more and more popular browsers will handle it better, to display more web pages correctly.

Problem

some browser (for me: firefox & chrome on XP) don't seem to apply anti-aliasing on text with CSS rotation exemple: http://dabblet.com/gist/4281185 Why they apply on images but not text ?

Original source