애니메이션의 동작을 일시 정지와 실행으로 제어한다.
<single-animation-play-state>#
<animation-name>
설정 수에 따라 하나 이상의 <single-animation-play-state>
을 콤마로 구분해서 작성할 수 있다.
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
애니메이션의 실행 또는 일시중지를 정의한다.
running | paused
애니메이션 동작을 일시 정지 시킨다.
기본값으로 애니메이션을 실행한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
기본값으로 애니메이션을 실행한다.
애니메이션 동작을 일시 정지 시킨다.
animation-play-state: paused;
애니메이션 동작을 일시 정지한다.
object.style.animationPlayState = "running";
자바스크립트 형식으로 애니메이션을 실행한다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Animations Level 1 | 초안 작업 | Last review date: 2022-12-6 |