CSS animation-play-state 속성
- 이전 페이지 애니메이션 이름
- 다음 페이지 애니메이션 타임링 함수
정의와 사용법
animation-play-state 속성은 동작이 실행 중인지 일시 중지된지를 규정합니다.
주석:JavaScript에서 이 속성을 사용하여 동작 재생 중에 동작을 일시 중지할 수 있습니다.
추가 정보:
CSS3 강의:CSS 애니메이션
HTML DOM 참조 매뉴얼:animationPlayState 속성
CSS 문법
animation-play-state: paused|running;
| 값 | 설명 | 테스트 |
|---|---|---|
| paused | 동작이 일시 중지된 것을 규정합니다. | 테스트 |
| 실행 중 | 동작이 재생 중인 것을 규정합니다. | 테스트 |
기술 세부 사항
| 기본 값: | 실행 중 |
|---|---|
| thừa kế: | 아니요 |
| 버전: | CSS3 |
| JavaScript 문법: | 객체.style.animationPlayState="paused" |
브라우저 지원
표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
데이터 -webkit-、-moz- 또는 -o- 뒤에 오는 숫자는 프리퍼스의 첫 번째 버전을 사용하는 것을 나타냅니다.
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
- 이전 페이지 애니메이션 이름
- 다음 페이지 애니메이션 타임링 함수
