Properties

Properties

Draft
  • account_tree
  • bug_report

animation-play-state

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

설정 가능한 속성 값

  • running기본값키워드CSS3

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

  • paused키워드CSS3

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

구문

  • animation-play-state running or paused;기본형식CSS3

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

  • object.style.animationPlayState = "running";자바스크립트 형식CSS3

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

예제

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

지원 웹브라우저