css - 用于删除粗体文本的 Wow JS 解决方案在 Macbook Pro (Google Chrome) 上不起作用

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; }
}

未经测试，但这应该遵循动画的最后一帧并延迟动画直到初始动画完成。 您能否解决该问题以便我们进行测试？