CSS 애니메이션 방향 속성
예
애니메이션을 수행하기 위해 다시 다시 애니메이션을 수행하고 :
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
»시도
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
| 属性 | |||||
|---|---|---|---|---|---|
| animation-direction | 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- |
정의 및 사용
애니메이션 방향 속성은 역 애니메이션을 교대의 사이클 여부를 정의합니다.
참고 : 동영상이 한 번만 재생하도록 설정되어있는 경우,이 속성이 작동하지 않습니다.
| 기본값 : | 표준 |
|---|---|
| 상속 : | 아니 |
| 애니메이션 할 수 있습니다 : | NO. 참조하시기 바랍니다 애니메이션 (애니메이션) . |
| 버전 : | CSS3 |
| 자바 스크립트 구문 : | .style.animationDirection이 = "역"개체시도 |
CSS 구문
animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;
속성 값
| 值 | 描述 | 测试 |
|---|---|---|
| normal | 默认值。动画按正常播放。 | 测试 » |
| reverse | 动画反向播放。 | 测试 » |
| alternate | 动画在奇数次（1、3、5ko.）正向播放，在偶数次（2、4、6ko.）反向播放。 | 测试 » |
| alternate-reverse | 动画在奇数次（1、3、5ko.）反向播放，在偶数次（2、4、6ko.）正向播放。 | 测试 » |
| initial | 设置该属性为它的默认值。请参阅 initial 。 | |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
관련 기사
CSS3 튜토리얼 : CSS3 애니메이션 (애니메이션)
