CSS3 애니메이션 단계로 전환을 추가하는 방법

Question

CSS를 사용하여 하나씩 자동으로 표시하고 싶은 이미지가 있습니다. 나는 그것을 위해 애니메이션을 사용하고있다. 이것은 잘 작동합니다.

http://jsfiddle.net/vinnizworld/Sap24/

하지만 어떻게 내가 애니메이션의 각 단계에 전환을 추가 할 수 있습니다.

Answer 1

@-webkit-keyframes move{ 
    0%{ margin-left: 0; } 
    10%{ margin-left: -440px; } 
    100%{ margin-left: -5440px; } 
} 

from 및 to 편리 키워드,하지만 당신이 원하는대로 % 사용하여 당신은 많은 단계를 추가 할 수 있습니다.

Answer 2

당신이 원하는 것은 http://jsfiddle.net/Sap24/2/입니다. 다음과 같이 작성하십시오 :

.img-wrapper{ 
      width: 9999px; 
      margin-left: 0; 
      z-index: -1; 
      -webkit-animation:move 25s linear infinite; 
     }