Latest web development tutorials

HTML DOM 스타일 transitionDuration 속성

스타일 객체 참조 스타일 개체

전환 효과를 가속화 :

document.getElementById("myDIV").style.transitionDuration="1s";

»시도

정의 및 사용

transitionDuration 속성 세트 또는 (초 또는 밀리 초) 시간은 전환 효과를 완료하는 데 걸리는를 반환합니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

인터넷 익스플로러 10, 파이어 폭스, 오페라와 크롬 지원 transitionDuration 속성입니다.

Safari는 재산의 또 다른 대안은 그 WebkitTransitionDuration 속성을 속성을 지원합니다.


문법

위로 transitionDuration 속성 :

object .style.transitionDuration

transitionDuration 속성 설정 :

object .style.transitionDuration="time|initial|inherit"

속성 값

描述
time 规定完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是 0,意味着不会有效果。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 0
반환 값 : 전환-기간 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

CSS 참조 : 전환-duration 속성


스타일 객체 참조 스타일 개체