सीएसएस: परिणत: का अनुवाद (-50%, -50%) ग्रंथों blurry

Question

मैं अपने div केंद्रित करने के लिए चाहता हूँ और मैं इस विधि का उपयोग करता है, लेकिन यह बनाता है div धुँधली अंदर मेरे ग्रंथों:

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

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

है मेरे div को केन्द्रित करने का कोई तरीका है?

Answer 1

एंटी-एलाइजिंग को ठीक करने के लिए इन तत्वों को तत्व ब्लॉक के चारों ओर जोड़ें, अनुवाद शून्य-शून्य के लिए शून्य-अक्ष का अनुवाद करें।

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