Css Wow JS解决方案删除Macbook Pro（谷歌Chrome）上不可用的粗体文本

mac book pro chrome中的Wow动画停止文本渲染粗体

我正在使用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; }
}

---

上面的代码正在将代码从粗体更改为普通，但在链接时会显示动画，看起来很奇怪。

预捕捉尝试动画方向，将代码更新为：

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

未测试，但这应尊重动画的最后一帧，并将动画延迟到初始动画完成后。

---

你能帮我们解决这个问题吗？

我已经试过了，如果我快速制作“字体权重”动画，它会在第一个动画和粗体版本保持不变之前完成。如果是时间问题，你可以尝试动画延迟：1s；如果我已经更新了我的答案，请尝试一下，如果这个解决了它@kapilYes得到了它，但想想看，第一个字体是粗体的，然后再将粗体动画设置为正常。它看起来像铁丝网。实际上我已经添加了很多文件，我不能和任何人共享这个项目。但我会试着创造小提琴。Thanks@kapil如果您提供基本的dom和样式，我愿意提供一个用例，它可以是一个模仿所需行为的表示，而不是实际的标记和样式。在某些情况下，更大的动画链更易于使用javascript/jquery管理，您是否精通这些语言？