transition-delay是一個計算機指令，指定對象過渡的延遲時間。
簡介,示例,
簡介
transition-delay
語法：
transition-delay：[ , ]*
默認值：0
取值：
：
指定對象過渡的延遲時間
說明：
檢索或設定對象延遲過渡的時間。
如果提供多個屬性值，以逗號進行分隔。
對應的腳本特性為transitionDelay。
寫法：
核心類型寫法
Webkit(Chrome/Safari)-webkit-transition-delay
Gecko(Firefox)-moz-transition-delay
Presto(Opera)-o-transition-delay
Trident(IE)-ms-transition-delay
W3Ctransition-delay
示例
h1 {
font - size: 16px;
}.test {
overflow: hidden;
width: 100 % ;
margin: 0;
padding: 0;
list - style: none;
}.test li {
width: 220px;
height: 100px;
margin: 1px 5px;
padding: 10px;
border: 1px solid#ddd;
background - color: #eee;
color: #000; - moz - transition - property: all; - moz - transition - duration: .5s; - moz - transition - timing -
function: ease; - webkit - transition - property: all; - webkit - transition - duration: .5s; - webkit - transition - timing -
function: ease; - o - transition - property: all; - o - transition - duration: .5s; - o - transition - timing -
function: ease; - ms - transition - property: all; - ms - transition - duration: .5s; - ms - transition - timing -
function: ease;
transition - property: all;
transition - duration: .5s;
transition - timing -
function: ease;
}.test li: nth - child(1) { - moz - transition - delay: .1s; - webkit - transition - delay: .1s; - o - transition - delay: .1s; - ms - transition - delay: .1s;
transition - delay: .1s;
}.test li: nth - child(2) { - moz - transition - delay: .3s; - webkit - transition - delay: .3s; - o - transition - delay: .3s; - ms - transition - delay: .3s;
transition - delay: .3s;
}.test li: nth - child(3) { - moz - transition - delay: .5s; - webkit - transition - delay: .5s; - o - transition - delay: .5s; - ms - transition - delay: .5s;
transition - delay: .5s;
}.test li: nth - child(4) { - moz - transition - delay: .7s; - webkit - transition - delay: .7s; - o - transition - delay: .4s; - ms - transition - delay: .4s;
transition - delay: .7s;
}.test li: nth - child(5) { - moz - transition - delay: .9s; - webkit - transition - delay: .9s; - o - transition - delay: .9s; - ms - transition - delay: .9s;
transition - delay: .9s;
}.test li: hover {
border - color: #999;
background - color: #bbb;
color: #999;
}請將滑鼠移動到下面的矩形上：延遲0.1s後開始過渡延遲0.3s後開始過渡延遲0.5s後開始過渡延遲0.7s後開始過渡延遲0.9s後開始過渡abc
