SVG上的@keyframes动画无法正常工作

Question

我有一个包含两个嵌套SELECT citycolumn FROM mytable WHERE citycolumn NOT LIKE '%badsetup'; 元素的SVG，其中包含类g和.logo-path-1。我已经构建了两个.logo-path-2闪烁动画，以便两个嵌套元素交替闪烁，但是只有一个当前正在工作。

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

SVG太大而无法嵌入代码段，这里有一个代码： https://codepen.io/karsonkalt/pen/EmmVQG

Answer 1

你错过了第39行的秒单位（“s”）：

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

应该是：

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

更新CodePen。