我正在我的页面中进行一些简单的过渡(基本的东西,如不透明度,背景颜色变化和边框半径更新等)并经历一些闪烁,无论是我动画的元素还是页面上其他不相关的元素。通常,对此类内容的快速修复是将translateZ(0)
添加到您正在制作动画的元素中,但在Webkit中执行此操作时,它似乎会自动将所有嵌套文本设置为-webkit-font-smoothing: antialiased
。
这对我来说是一种不受欢迎的影响,因为我经常在我的网页中使用-webkit-font-smoothing: antialiased
和-webkit-font-smoothing: subpixel-antialiased
来确保我的文字在可能的情况下看起来最好。
有没有办法避免使用translateZ(0)
这种副作用?仅供参考:应用-webkit-backface-visibility: hidden
时会发生同样的事情。