Style transitionDuration 속성

정의와 사용법

transitionDuration 속성 설정이나 트랜지션 효과를 완료하기 위해 얼마나 많은 초(s)나 밀리초(ms)가 필요한지 설정합니다.

다른 참조도 참조하십시오：

CSS 참조 매뉴얼：transition-duration 속성

예제

트랜지션 효과 가속화：

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

직접 시험해 보세요

문법

transitionDuration 속성 반환：

object.style.transitionDuration

transitionDuration 속성 설정：

object.style.transitionDuration = "시간|initial|inherit"

속성 값

값 설명
시간 이 트랜지션 효과를 완료하기 위해 얼마나 많은 초나 밀리초가 필요한지 정의합니다. 기본 값은 0으로, 효과가 없음을 의미합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 0
반환 값： 문자열로, 요소의 transition-duration 속성。
CSS 버전： CSS3

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
26.0 10.0 16.0 6.1 12.1