CODEWITHSUNDEEP
csscss-transforms
cloakedninjas
cloakedninjas

Reputation: 4186

CSS rotation and text distortion

Creating a spreadsheet-style view and rotating the column causes the text to distort in Chrome + Firefox. I've managed to work around the Chrome issue using:

-webkit-backface-visibility: hidden;

However I'm left with Firefox looking like this :

enter image description here

Chrome (with fix)

enter image description here

Oddly IE 10 renders this perfectly - and Mac browsers do a better job too.

Any suggestions greatly appreciated

Upvotes: 4

Views: 1951

Answers (1)

Bryson Gilbert
Bryson Gilbert

Reputation: 131

As of Firefox v16, Mozilla implements the unprefixed backface-visibility property, which might work for you:

-webkit-backface-visibility: hidden;    
        backface-visibility: hidden;

IE10 will pick this up as well.

More information on the MDN backface-visibility

Upvotes: 2

Related Questions