스타일 transitionDuration 속성
예시
전환 효과 속도 높이기:
document.getElementById("myDIV").style.transitionDuration = "1s";
정의 및 사용
transitionDuration 속성은 전환 효과를 완료하는 데 걸리는 시간(초) 또는 밀리초(ms)를 설정하거나 반환합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
통사론
transitionDuration 속성을 반환합니다.
object.style.transitionDuration
transitionDuration 속성을 설정합니다.
object.style.transitionDuration = "time|initial|inherit"
속성 값
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 0 |
---|---|
반환 값: | 요소의 transition-duration 속성을 나타내는 String |
CSS 버전 | CSS3 |
관련 페이지
CSS 참조: transition-duration 속성
❮ 스타일 개체