SVG 上的 @keyframes 动画不起作用

Question

我有一个 SVG，其中包含两个嵌套的 g 元素和类，.logo-path-1 和 .logo-path-2。我已经构建了两个 @keyframes 闪烁动画，以便两个嵌套元素交替闪烁，但目前只有一个在工作。

我尝试压缩 SVG 并多次查看 g 元素。我还尝试使用animation-delay: .25s; 属性来减少@keyframes 的数量，但我无法让第二个g 正确设置动画。

SVG 太大而无法嵌入 sn-p，这是一个 codepen： https://codepen.io/karsonkalt/pen/EmmVQG

Answer 1

您在第 39 行缺少秒单位（“s”）：

-webkit-animation: blink-2 .25 infinite;

应该是：

-webkit-animation: blink-2 .25s infinite;

更新CodePen。