Animation CSS3动画影响页面上所有文本的权重，甚至影响应用动画的元素。有什么想法吗？

我遇到了一个奇怪的显示错误，CSS3动画会影响页面上所有文本的权重，即使在没有应用动画的元素上也是如此。知道为什么会这样吗

（您可以参考此页面：）

请注意，将鼠标悬停在蓝色标题中心的徽标上时，徽标会摆动。为此，我在hover上应用了两个类：“动画”和“摆动”

@keyframes wobble {
    0% { transform: translateX(0%); }
    15% { transform: translateX(-5%) rotate(-4deg); }
    30% { transform: translateX(4%) rotate(3deg); }
    45% { transform: translateX(-3%) rotate(-1deg); }
    60% { transform: translateX(1%) rotate(1deg); }
    75% { transform: translateX(-1%) rotate(-1deg); }
    100% { transform: translateX(0%); }
}

及

提前感谢,，

---

Matt

将此添加到html样式中，它将解决您的问题：

html {
    -webkit-font-smoothing: antialiased;
}

html {
    -webkit-font-smoothing: antialiased;
}