Style animationPlayState 속성

정의와 사용법

animationPlayState 속성이 애니메이션이 실행 중인지 일시 중지인지 정의합니다。

주의사항:이 속성을 사용하여 반복 중에 애니메이션을 일시 중지하십시오。

추가 참조:

CSS 참조 매뉴얼：animation-play-state 속성

예제

애니메이션 일시 중지：

document.getElementById("myDIV").style.animationPlayState = "paused";

직접 시도해 보세요

문법

animationPlayState 속성 반환：

object.style.animationPlayState

animationPlayState 속성 설정：

object.style.animationPlayState = "running|paused|initial|inherit"

속성 값

값 설명
running 기본 값. 애니메이션이 실행 중입니다.
paused 애니메이션 일시 중지를 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： running
반환 값： 문자열로 요소의 animation-play-state 속성。
CSS 버전： CSS3

브라우저 지원

animationPlayState CSS3 (1999) 기능입니다。

모든 브라우저가 완전히 지원합니다：

Chrome 에지 파이어폭스 사파리 오페라 IE
Chrome 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 11