我在我的页面中进行了一些简单的转换（基本的东西，比如不透明度的淡入淡出、背景颜色变化和边框半径更新）并且在我正在制作动画的元素和页面上其他不相关的元素中都经历了一些闪烁。通常，快速解决此类问题的方法是添加translateZ(0)到您正在制作动画的元素中，但在 Webkit 中，当您这样做时，它似乎会自动将所有嵌套文本设置为-webkit-font-smoothing: antialiased.
这对我来说是一种不受欢迎的效果，因为我经常使用它-webkit-font-smoothing: antialiased并-webkit-font-smoothing: subpixel-antialiased在整个页面中确保我的文本尽可能地看起来最好。
有什么办法可以避免这种使用的副作用translateZ(0)吗？仅供参考：申请时也会发生同样的事情-webkit-backface-visibility: hidden。