Blurry text in Chrome, any fix?

user_5767800 0
Viewed 8020

I have an app that has tons of popups, and I position them like this:

.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

but some popups are blurry. This transform: translate is whats killing it. As far as I know this is chrome problem, but what is the best way to fix it?

google-chrome css
2 Answers

you can try this in your .css :

.myfont{
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
user_59598720
Related