CSS: transformer: translate(-50%, -50%), les textes flous [dupliquer]

Question

cette question a déjà une réponse ici:

je veux centrer mon div et j'utilise cette méthode, mais elle rend mes textes à l'intérieur du div flou:

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

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

y a-t-il un moyen de centrer mon div ?

61

blurry css css3 text transform

demandé sur 4dgaurav 2015-06-29 09:42:39

1 réponses

score 8 · Answer 1

ajoutez ces styles autour des blocs d'éléments que vous traduisez pour corriger l'anti-aliasing, traduisez Z-axis pour avoir une valeur zéro.

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