Html 停止动画后如何同步动画？ 。联系我图标{ 填充：2rem； 字体大小：3rem； 颜色：rgba（255255,0.5）； 动画：光晕0.75秒无限； } .联系我图标：悬停{ 动画：无； 颜色：白色； } @关键帧发光{ 0%{颜色：rgba（255255,0.5）；} 50%{颜色：rgba（255255,1）；} 100%{颜色：rgba（255255,0.5）；} }

因此，我有一个基本上是一个闪烁的按钮，我所有的联系我图标。我想让它成为这样，当我在它们上方悬停时，它们停止闪烁，并得到白色。这很好，除了当我停止在图标上悬停时，图标将恢复动画，但它将与其他图标不同步。有没有办法防止这种情况？我听说了一些关于添加层的事情，但我不知道如何做到这一点