transition-delay :

Uygulanan geçiş efektinin ne kadar zaman sonra başlayacağını belirler. Belirlenen zamana kadar animasyonu durdurur ve sonra animasyon başlar. Geçiş-gecikme değeri saniye (s) veya milisaniye (ms) tanımlanır.

Örnek

div {
  background: green;
  width: 200px;
  height: 20px;
  transition: height 2s;
  -webkit-transition: height 2s; /* Safari 3.1 to 6.0 */
  -webkit-transition-delay: 3s; /* Safari */
   transition-delay: 3s;
}
div:hover {
  height: 100px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
Time	Geçiş efekti başlamadan önce beklenecek saniye ya da milisaniye sayısını belirlemek için kullanılır.
İnital
İnherit

Tarayıcı Desteği

26.0 4.0-webkit	16.0 4.0-moz	10.0	6.1 3.1-webkit	12.1 10.5-o