有没有办法在一个元素上使用translateZ而不自动对所有嵌套文本进行抗锯齿?

时间:2012-08-14 19:09:09

标签: css css3 webkit css-transitions

我正在我的页面中进行一些简单的过渡(基本的东西,如不透明度,背景颜色变化和边框半径更新等)并经历一些闪烁,无论是我动画的元素还是页面上其他不相关的元素。通常,对此类内容的快速修复是将translateZ(0)添加到您正在制作动画的元素中,但在Webkit中执行此操作时,它似乎会自动将所有嵌套文本设置为-webkit-font-smoothing: antialiased

这对我来说是一种不受欢迎的影响,因为我经常在我的网页中使用-webkit-font-smoothing: antialiased-webkit-font-smoothing: subpixel-antialiased来确保我的文字在可能的情况下看起来最好。

有没有办法避免使用translateZ(0)这种副作用?仅供参考:应用-webkit-backface-visibility: hidden时会发生同样的事情。

0 个答案:

没有答案