CSS3动画为同一个元素调用了两次

Question

我有以下问题。我想重复使用相同的动画两次，在同一元素上有不同的延迟。我尝试了以下但是它不起作用：

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

奇怪的是，我没有得到的是，如果我创建第二个动画，说“animationName2”具有与animationName相同的内容，那么以下内容将起作用：

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

我错过了什么吗？感谢

Answer 1

根据css-infos.net，应该有6个属性。你有4个。

这些是：

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

我猜迭代计数和方向都有默认值，但CSS有时候是一个biatch。我认为你的实际课程被称为你认为在这种情况下被称为myClass的课程？所有常用的调试内容。