Хосияти transition-delay

Хосияти transition-delay таъхири пеш оғози гузариши муносиби transition-ро муқаррар мекунад.

Синтаксис

интихобкунанда {
	transition-delay: вақт ба s ё ms;
}

Қиматҳо

Қимат	Тасвир
`s`	Вақтро бо сония муайян мекунад (масалан `3s`). Қиматҳои касрӣ низ муайян кардан мумкин аст, масалан, `0.5s` - ним сония.
`ms`	Вақтро бо миллисония муайян мекунад (масалан `3ms`). Як сония - ин `1000` миллисония аст.

Қимати пешфарз: 0s.

Намуна

Бо муш курсорро ба болои блок биёред - 3 сония ҳеҷ чиз рӯй надода (таъхири 3s гузошта шудааст), ва сипас он паҳноиашро дар давоми 2 сония муносиб тағйир медиҳад. Агар баъд мушро дур кунед - бори дигар 3 сония ҳеҷ чиз рӯй намедиҳад, ва сипас паҳноӣ то қимати аслӣ муносиб кам мешавад:

<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;
}

Намуна

Бо муш курсорро ба болои блок биёред - он аввал паҳноиашро дар давоми 2 сония тағйир медиҳад, ва баъд баландиашро дар давоми 4 сония тағйир медиҳад. Хосиятҳо пайдарпай тағйир хоҳанд ёфт, зеро барои баландӣ таъхири 3 сония гузошта шудааст (вақти тағйири паҳноӣ). Агар мушро дур кунед - тағйирот бо тартиби баръакс рӯй медиҳад: аввал паҳноӣ кам мешавад, ва баъд баландӣ кам мешавад:

<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;
}

Инчунин нигаред

хосияти transition-property,
ки номи хосиятро барои гузариши муносиб муайян мекунад
хосияти transition-duration,
ки давомнокии гузариши муносибро муайян мекунад
хосияти transition-timing-function,
ки функсиони вақтиро барои гузариши муносиб муайян мекунад
хосияти transition,
ки барои гузариши муносиб ихтисор аст
хосияти animation,
ки бо он метавон аниматсия сохт