CSS 变换比例上的闪烁文本

Question

人。我对此很陌生，当我尝试放大 div 时，我遇到了一些文本闪烁的问题。请问有人可以看看我的案例来帮助我解决这个问题吗？提前致谢！笔是这个https://codepen.io/alinfarcas/pen/eYXqwLM

我想出的最好的解决方案是

&__parc {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    backface-visibility: hidden;
    will-change: transform;
    transform-style: preserve-3d;
    transition: transform 0.3s, box-shadow 0.3s;

    &:hover {
      transform: scale(1.04);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
    }
  }

但是，在这种情况下，即使文本不再闪烁，当我悬停时它也会变得模糊，即使悬停停止后它仍然模糊。你能帮我吗？谢谢！

Answer 1

我已经多次遇到过这个问题，这是我使用的

-webkit-font-smoothing：抗锯齿； -moz-osx-font-smoothing：灰度