6.7.6 animation-iterator-count 속성

애니메이션은 기본으로 1회 실행하고 종료됩니다. 이때 animation-iterator-count 속성을 사용하면 실행 횟수를 조절할 수 있습니다.

animation-iteration-count:<횟수>;

예를 들어, 애니메이션을 3회 반복하고 싶다면 다음과 같이 코드를 작성합니다.

animation-iteration-count:3;

또한, 무한으로 반복하게 하는 infinite 값도 사용할 수 있습니다.

animation-iteration-count:infinite;