CSS：变换：翻译（-50％，-50％）使文本模糊[重复]

我想将我的div我使用这种方法，但它使我的文本在div blurry:

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

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

有什么办法可以集中我的div?

在您要平移的元素块周围添加这些样式以修复抗锯齿，平移 Z 轴以具有零值。

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