Reply To: Blurry text in Chrome and Opera with CSS transform

[bearhead]

The text blur seems to go away if you remove all instances of these rules:

-webkit-transform: perspective(1px) translate3d(0,0,0) !important;
transform: perspective(1px) translate3d(0,0,0) !important;

http://codepen.io/kvana/pen/pbNpdR

The text will still be a little blurry during the hover transitions, but I don’t think there is anything that can be done about that… I’m pretty sure its just how some browsers render during transitions.