CSS animation-iteration-count 속성

정의와 사용법

animation-iteration-count 속성은 애니메이션 재생 횟수를 정의합니다.

추가 정보:

CSS3 강의:CSS 애니메이션

HTML DOM 참조 설명서:animationIterationCount 속성

예제

애니메이션을 세 번 재생합니다:

div
{
animation-iteration-count:3;
}

본인이 직접 테스트해 보세요

CSS 문법

animation-iteration-count: n|무한;
치 설명 테스트
n 애니메이션 재생 횟수를 정의하는 수치. 테스트
무한 애니메이션을 무한 번 재생해야 합니다. 테스트

기술 세부 사항

기본 값: 1
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.animationIterationCount=3

브라우저 지원

표의 숫자는 해당 속성을 완전히 지원하는 최초 브라우저 버전을 나타냅니다.

−webkit-、−moz- 또는 −o-로 시작하는 숫자는 프리كس를 사용하는 최초 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-