CSS 트랜지션 지속 시간 속성

정의와 사용법

transition-duration 속성은过渡效果完成所需的时间（以秒或毫秒计）을 정의합니다.

다른 것을 참조하세요:

CSS 강의:CSS 전환

HTML DOM 참조 매뉴얼:transitionDuration 속성

实例

过渡效果持续 5 秒：

div {
  transition-duration: 5s;
}

본인이 직접 시도해 보세요

CSS 문법

transition-duration: time;

속성 값

값 설명
time

过渡效果完成所需的时间（以秒或毫秒计）。

기본 값은 0으로, 효과가 없음을 의미합니다.

기술 세부 사항

기본 값: 0
상속성: no
버전: CSS3
JavaScript 문법: object.style.transitionDuration="5s"

브라우저 지원

표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

-webkit-、-moz- 또는 -o- 뒤에 오는 숫자는 프리픽스를 사용하는 첫 번째 버전을 의미합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-