예
a의 animationTimingFunction 속성 변경 <div> 요소를 :
document.getElementById("myDIV").style.animationTimingFunction = "linear";
»그것을 자신을 시도 정의 및 사용
animationTimingFunction 애니메이션의 속도 곡선을 지정한다.
속도 곡선은 애니메이션이 다른 CSS 스타일 중 하나 개의 세트로 변경하는 데 사용되는 시간을 정의한다.
속도 곡선을 매끄럽게 변경하는 데 사용된다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
모즈 다음 숫자는 접두사와 함께 일 첫 번째 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43.0 | 지원되지 않음 | 16.0 5.0 모즈 | 지원되지 않음 | 30.0 |
통사론
animationTimingFunction 속성을 반환합니다 :
object .style.animationTimingFunction animationTimingFunction 속성을 설정 :
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( 속성 값 값 기술 linear 애니메이션은 처음부터 끝까지 동일한 속도를 갖는다 ease 기본값. 천천히 종료되기 전에 애니메이션은 다음 빠르고 느린 시작을 가지고 ease-in 애니메이션은 느린 시작을 가지고 ease-out 애니메이션은 느린 끝이 ease-in-out 애니메이션은 천천히 시작과 느린 말을 모두 가지고 cubic- bezier( n , n , n , n ) 입방 - 베 지어 함수에서 자신의 값을 정의
가능한 값은 0에서 1까지의 수치입니다 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 용이함 반환 값 : 요소의 애니메이션 타이밍 기능의 속성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
CSS 참조 : animation-timing-function property
<스타일 개체