与样式组件，如何使用长格式的css动画语法有多个关键帧动画?

Question

当一个动画通过长格式声明创建并且它有多个指定的名称时:

const animationNameCss = css`
//insert keyframes here
`
let animatedImg = styled.img`
animation-name: ${animationNameCss}, ${animationNameCss};
animation-delay: 0, 200ms;
animation-duration: 200ms;
animation-timing-function: linear;
animation-iteration-count: 1;
`;

只执行第一个动画。这与连接带标签的模板有关，还是仅仅是样式组件不支持?目的是通过连接animation-name和animation-delay来创建多个动画，每个动画播放200毫秒。

AnimationNameCss在实际代码中被动态设置为8个不同的关键帧集之一。

Answer 1

我实际上错了，它确实是这样工作的。这个问题实际上是在animation-delay: 0,200ms;

应该是0ms, 200ms，动画执行如预期。