Animation 对同一元素调用两次CSS3动画

我有以下问题。我想重复使用同一个动画两次，在同一个元素上有不同的延迟。我尝试了以下方法，但无效：

.myClass{
    -webkit-animation: animationName 1s linear 2s, animationName 1s linear 4s;
}

奇怪的是，我不明白的是，如果我创建了第二个动画，用与animationName相同的内容说“animationName2”，那么下面的操作就可以了：

.myClass{
    -webkit-animation: animationName 1s linear 2s, animationName2 1s linear 4s;
}

我错过什么了吗？谢谢

根据，应该有6个属性。你有4个

这些是：

-webkit-animation: <name> <duration> <timing_function> <delay> <iteration_count> <direction>

-webkit动画：

我想迭代计数和方向都有默认值，但CSS有时会有偏差。我认为您的实际类被称为您认为在这种情况下它被称为

myClass

？所有常用的调试内容。

根据需要，应该有6个属性。你有4个

这些是：

-webkit-animation: <name> <duration> <timing_function> <delay> <iteration_count> <direction>

-webkit动画：

我想迭代计数和方向都有默认值，但CSS有时会有偏差。我认为您的实际类被称为您认为在这种情况下它被称为

myClass

？所有常见的调试工作