Question

哇动画停止文本渲染粗体在mac book pro chrome

我正在使用wow.js进行滚动动画。它在mac book pro上完成动画后显示粗体文字。

在互联网上寻找解决方案我得到了这段代码。

这是我应用的解决方案。

.wow.animated { -webkit-backface-visibility: hidden;}

但它不适合我。

我在揭示动画后使用了下面的代码，将动画类添加到元素中。

.subpixel{ animation: font-weight .0000001s;}
 @keyframes font-weight {0%{}
 100%{ -webkit-font-smoothing: antialiased; }
}

上面的代码是将代码从粗体更改为普通代码，但是在看起来像是看起来很好的时候会动画。

Answer 1

Prehaps尝试动画方向，将代码更新为：

.subpixel{ animation: font-weight .0000001s forwards;}
@keyframes font-weight {0%{}
 100%{ -webkit-font-smoothing: antialiased; }
}

如果您提出的时间问题，请尝试

.subpixel{ 
   animation: font-weight .0000001s forwards;
   -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
   animation-delay: 2s;
}
@keyframes font-weight {
    0%{}
    100%{ -webkit-font-smoothing: antialiased; }
}

未经测试但这应该遵循动画的最后一帧并在完成初始动画后延迟动画。 你可以创建一个问题小提示，以便我们测试吗？

哇JS解决方案删除不适用于Macbook Pro（Google Chrome）的粗体文字

1 个答案: