CSS 트랜지션-딜레이 속성

정의와 사용법

transition-delay 속성은 트랜지션 효과가 언제 시작할지 정의합니다.

transition-delay 값은 초 또는 밀리초로 계산됩니다.

추가로 참조:

CSS 가이드:CSS 전환

HTML DOM 참조 가이드:transitionDelay 속성

예제

트랜지션 효과가 시작하기 전에 2초를 기다립니다:

div {
  transition-delay: 2s;
}

직접 시험해 보세요

CSS 문법

transition-delay: time;

속성 값

값 설명
time 이 트랜지션 효과가 시작하기 전에 필요한 시간을 초 또는 밀리초로 계산합니다.

기술 세부 사항

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

브라우저 지원

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

데이터 -webkit- 또는 -moz-를 포함한 숫자는 접두사를 사용하는 첫 번째 버전을 의미합니다.

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