CSS: Transformation: translate (-50%, -50%) macht Texte verschwommen

Question

ich meine div zentrieren möchten, und ich benutze diese Methode, aber es macht meine Texte in der div verschwommen:

<!-- language: lang-css --> 

#div { 
    top: 50%; 
    left: 50%; 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
} 

ist Gibt es irgendeine Möglichkeit, meine div zu zentrieren?

Answer 1

Fügen Sie diese Stile um Elemente Blöcke, die Sie übersetzen, um das Anti-Aliasing zu beheben, übersetzen Z-Achse, um einen Wert von Null zu haben.

-webkit-font-smoothing: subpixel-antialiased; 
-webkit-transform: translateZ(0) scale(1.0, 1.0);