CSS:transform:translate(-50%,-50%)使文本模糊

前端之家收集整理的这篇文章主要介绍了CSS:transform:translate(-50%,-50%)使文本模糊前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Webkit-based blurry/distorted text post-animation via translate3d12个答案我想要使​​我的div和我使用这种方法,但它使我的文字内部的模糊:
#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);
原文链接:https://www.f2er.com/css/220656.html

猜你在找的CSS相关文章