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 в некоторых случаях является парой.Я так понимаю, что ваш настоящий класс называется тем, что, как вы думаете, называется myClass в данном случае?Все обычные вещи отладки.