Properties

Properties

Editing
  • account_tree
  • bug_report

animation-iteration-count

애니메이션의 실행 횟수를 설정한다. 기본적으로 1회 실행한다.

사용 가능한 값 타입

<'animation-iteration-count'>

DEVDIC-Specified Data Types

animation-iteration-count 속성에 사용되는 타입이다.

  • CSS Animations Level 1
    <single-animation-iteration-count>#

    <animation-name> 설정 수에 따라 하나 이상의 <single-animation-iteration-count>을 콤마로 구분해서 작성할 수 있다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <single-animation-iteration-count>

    애니메이션 주기가 재생되는 횟수를 지정한다. 기본 값은 1이며 키프레임 처음부터 끝까지 한번 실행됨을 나타낸다.

    • CSS Animations Level 1
      infinite | <number>
    Details

    포함된 타입

    • <number>

      정수 또는 실수를 표현한다.

    사용되는 키워드

    • infinite

      무한대로 지정한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • animation-iteration-count: 3;
    CSS Animations Level 1

    애니메이션 반복 횟수를 3회로 설정한다.

    애니메이션 횟수를 3회로 지정했다.
  • object.style.animationIterationCount = 2;
    CSS Animations Level 1

    자바스크립트 형식으로 애니메이션 반복 횟수를 2회로 설정한다.

버전 명세

Modules
Module NameStatusSummary
CSS Animations Level 1초안 작업

Last review date: 2022-12-6

지원 웹브라우저