Properties

Properties

Editing
  • account_tree
  • bug_report

animation-play-state

애니메이션의 동작을 일시 정지와 실행으로 제어한다.

사용 가능한 값 타입

<'animation-play-state'>

DEVDIC-Specified Data Types

animation-play-state 속성에 사용되는 타입이다.

  • CSS Animations Level 1
    <single-animation-play-state>#

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

포함된 타입

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

  • <single-animation-play-state>

     애니메이션의 실행 또는 일시중지를 정의한다.

    • CSS Animations Level 1
      running | paused
    Details

    사용되는 키워드

    • paused

      애니메이션 동작을 일시 정지 시킨다.

    • running

      기본값으로 애니메이션을 실행한다.

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

구문

  • animation-play-state: paused;
    CSS Animations Level 1

    애니메이션 동작을 일시 정지한다.

  • object.style.animationPlayState = "running";
    CSS Animations Level 1

    자바스크립트 형식으로 애니메이션을 실행한다.

예제

마우스 포인터를 요소 위에 겹치면 애니메이션 동작이 멈춘다.

버전 명세

Modules
Module NameStatusSummary
CSS Animations Level 1초안 작업

Last review date: 2022-12-6

지원 웹브라우저