css - Chrome 上的 CSS 动画内容模糊

Question

.grow这是Tachyons CSS中类的 css 属性。

.grow {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

它似乎遵循正确缩放悬停的最佳实践。

缩放动画在 Firefox 和 Safari 中看起来不错，但在 chrome 上看起来非常模糊。

知道如何解决这个问题吗？