동일한 요소에 CSS3 애니메이션이 두 번 호출되었습니다.

Question

다음과 같은 문제가 있습니다. 동일한 요소에 대해 서로 다른 지연을 사용하여 같은 애니메이션을 두 번 재사용하고 싶습니다. 나는 다음을 시도했지만 작동하지 않습니다

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

이상한 것은, 그리고 내가 무엇을하지 않는 것은 내가 두 번째 애니메이션을 만들 경우, 다음 animationName 같은 동일한 내용으로 "animationName2"을 말하는 것입니다 다음과 같이 작동합니다 :

.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라고 생각되는 것이라고 불렀습니다. 모든 일반적인 디버깅 작업.