CSS3의 애니메이션 속성
예
은 <DIV> 요소에 결합하는 약식 속성 애니메이션을 사용합니다 :
사업부
{
애니메이션 : mymove 5 초 무한의 - 웹킷 - 애니메이션 : mymove 5 초 무한의 / * 사파리와 크롬 * /
}
»시도
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
기본값 : | 없음 0 정상 용이성 0 1 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | 개체 .style.animation = "mymove 5 초 무한" |
문법
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
값 | 설명 |
---|---|
애니메이션 이름 | 이름은 키 프레임을 선택하는 바인딩을 지정합니다 |
애니메이션 지속 시간 | 애니메이션은 몇 초 (밀리 초)을 지정합니다 |
애니메이션 타이밍 기능 | 어떻게주기를 완료 애니메이션을 설정하는 |
애니메이션 지연 | 지연주기를 시작하기 전에 애니메이션. |
애니메이션 반복 카운트 | 애니메이션이 재생을 정의합니다. |
애니메이션 방향 | 애니메이션을 다시 설정할지 여부를 지정합니다. |
애니메이션 채우기 모드 | 조항 때 애니메이션 (애니메이션이 완료 될 때, 또는 재생되지 않는 애니메이션에 지연이있는 경우)를 재생하지 않고, 스타일 소자에인가한다. |
애니메이션 플레이 상태 | 애니메이션이 실행 중이거나 일시 정지 여부를 지정합니다. |
초기 | 기본 값으로 속성을 설정하십시오. 초기에 대한 정보를 읽어보십시오. |
상속 | 속성은 부모 요소로부터 상속. initinherital에 대한 정보를 읽어보십시오. |
관련 기사
CSS3 튜토리얼 : CSS3 애니메이션