CSS transformed (rotated) text looks not anti-aliased in Chrome and Firefox (Windows)
transform: translate3d(0, 0, 0);
You can try using translate3d
. As far as i know it triggers hardware acceleration for an elements rendering process. You can see the difference in the fiddle (at least in chrome)
Please add this code in your class:
.your-class{ text-shadow:0px 0px 1px #fff;}