HTML DOM 스타일 transitionTimingFunction 속성
정의 및 사용
transitionTimingFunction 속성은 전환 효과 커브의 속도를 지정합니다.
이 속성은 속도를 변경하려면 시간이 지남에 전환 효과를 할 수 있습니다.
브라우저 지원
인터넷 익스플로러 10, 파이어 폭스, 오페라와 크롬 지원 transitionTimingFunction 속성입니다.
Safari는 재산의 또 다른 대안은 그 WebkitTransitionTimingFunction 속성을 속성을 지원합니다.
참고 : 인터넷 익스플로러 9 이전 버전 transitionTimingFunction 속성을 지원하지 않습니다.
문법
위로 transitionTimingFunction 속성 :
object .style.transitionTimingFunction
transitionTimingFunction 속성 설정 :
object .style.transitionTimingFunction ="ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| ease | 默认值。规定慢速开始，然后变快，然后慢速结束的过渡效果（相当于 cubic-bezier(0.25,0.1,0.25,1)）。 |
| linear | 规定从开始到结束都保持相同速度的过渡效果（相当于 cubic-bezier(0,0,1,1)）。 |
| ease-in | 规定以慢速开始的过渡效果（相当于 cubic-bezier(0.42,0,1,1)）。 |
| ease-out | 规定以慢速结束的过渡效果（相当于 cubic-bezier(0,0,0.58,1)）。 |
| ease-in-out | 规定以慢速开始和结束的过渡效果（相当于 cubic-bezier(0.42,0,0.58,1)）。 |
| cubic-bezier(n,n,n,n) | 在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 용이함 |
|---|---|
| 반환 값 : | 전환 타이밍 기능 속성 요소를 나타내는 문자열입니다. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 : 전환-타이밍 기능 속성