Sifa ya transition-delay

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

Ki-syntaxi

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

Thamani

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:

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

css#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:

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

css#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