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

【问题标题】：CSS3 animation called twice for same elementCSS3 动画为同一个元素调用了两次
【发布时间】：2011-12-14 08:00:57
【问题描述】：

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

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

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

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

我错过了什么吗？谢谢

【问题讨论】：

【解决方案1】：

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

这些是：

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

我猜迭代次数和方向有默认值，但 CSS 有时会有点偏题。我认为您的实际课程称为您认为在这种情况下称为myClass 的课程？所有常用的调试内容。

【讨论】：