6.7.7 animation-play-state 속성
animation-play-state 속성은 애니메이션의 재생 상태를 지정합니다. 속성값으로는 다음 키워드를 사용할 수 있습니다.
표 6-24 animation-play-state 속성값
|
속성값 |
설명 |
|
paused |
애니메이션의 실행을 일시 정지합니다. |
|
running |
애니메이션을 실행합니다. |
전환 효과 속성과 다르게 애니메이션 속성은 실행 도중에 일시 정지하거나 일시 정지했다가 다시 재생할 수 있습니다. 하지만 이렇게 작업하려면 순수 HTML과 CSS 코드만으로는 불가능하고 자바스크립트도 함께 사용해야 합니다. 아직은 자바스크립트를 배우기 전이므로 적용 모습만 예제 코드로 확인해 보세요.