CSS: transform: translate (-50%, -50%) torna os textos embaçados [duplicados]

Esta pergunta já tem uma resposta aqui:

Pós-animação de texto embaçado / distorcido baseado no Webkit via translate3d 16 respostas

Quero centralizar meudiv e eu uso esse método, mas ele faz meus textos dentro dodiv embaçado:

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

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

existe alguma maneira de centralizar meudiv?

questionAnswers(1)

yourAnswerToTheQuestion