CSS3 transition-delay

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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir