css - Wow JS 解决方案，用于删除在 Macbook Pro（谷歌浏览器）上不起作用的粗体文本

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

未经测试，但这应该尊重动画的最后一帧并将动画延迟到初始动画完成后。 你能解决这个问题以便我们进行测试吗？