Sifa ya transition-delay

Sifa transition-delay inaweka ucheleweshaji kabla ya kuanzisha mpito laini transition.

Ki-syntaxi

kichaguzi {
	transition-delay: muda katika s au ms;
}

Thamani

Thamani	Maelezo
`s`	Inabainisha muda kwa sekunde (k.m. `3s`). Inaweza kubainisha thamani za sehemu, kwa mfano, `0.5s` - nusu ya sekunde.
`ms`	Inabainisha muda kwa milisekunde (k.m. `3ms`). Sekunde moja ni `1000` milisekunde.

Thamani chaguo-msingi: 0s.

Mfano

Leta kielekezi juu ya kitu - 3 sekunde hakutakua kitakachotokea (kuna ucheleweshaji wa 3s), kisha kitu kitabadilisha upana wake kwa mpito kwa 2 sekunde. Ukiondoa kielekezi - tena 3 sekunde hakutakua kitakachotokea, kisha upana utapungua kwa mpito hadi thamani ya asili:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	transition-duration: 2s;
	transition-property: width;
	transition-delay: 3s;
	height: 50px;
	width: 100px;
}
#elem:hover {
	width: 400px;
}

Mfano

Leta kielekezi juu ya kitu - kitanza kubadilisha upana wake kwa 2 sekunde, kisha utabadilisha urefu wake kwa 4 sekunde. Sifa zitabadilika kwa mpangilio, kwa sababu kwa urefu umewekwa ucheleweshaji wa 3 sekunde (muda wa mabadiliko ya upana). Ukiondoa kielekezi - mabadiliko yatatokea kwa mpangilio uliogeuzwa: kwanza upana utapungua, kisha urefu utapungua:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	transition-duration: 2s, 4s;
	transition-property: width, height;
	transition-delay: 0s, 3s;
	width: 100px;
	height: 25px;
}
#elem:hover {
	width: 400px;
	height: 50px;
}

Angalia pia

sifa transition-property,
inayobainisha jina la sifa kwa mpito laini
sifa transition-duration,
inayobainisha muda wa mpito laini
sifa transition-timing-function,
inayobainisha kitendakazi cha muda kwa mpito laini
sifa transition,
inayokuwa kifupi kwa mpito laini
sifa animation,
ambayo inatumika kutengeneza uhuishaji