CSS3 animation-delay Özelliği

CSS3 animation-delay özelliği

Css animation-delay özelliğini kullanarak animasyonun başlangıç zamanını ayarlanabilir.

Örnek:

Kendiniz Deneyin tuşuna basınız ve bekleyiniz ,2 saniye sonrasında animasyon başlayacaktır.

div { animation-delay: 2s; -webkit-animation-delay: 2s;/* webkit tarayıcılar için*/ }

CSS3 animation-delay nedir nasıl kullanılır

Css animation-delay özelliğini kullanarak animasyonun gecikme süresi tanımlanabilir. Bu değerlerler birim olarak saniye (s) veya milisaniye (ms) olabilir.

CSS animation-delay	CSS animation-delay özellikleri
Varsayılan Değer:	0
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS3
JavaScript animation-delay:	object.style.animationDelay="5s"

CSS3 animation-delay Tarayıcı Desteği

CSS Kodu:
animation-delay	43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

CSS3 animation-delay Değerleri

animation-delay:time|initial|inherit;

CSS animation-delay özelliği değerleri

CSS animation-delay değerleri	CSS animation-delay değerleri tanımları	CSS Örnek Uygulamalar
time	Animasyonun zamanını ayarlamak için girilen değerdir. Saniye birimi için "s" milisaniye için ise "ms" kullanılır.
initial	Varsayılan değeridir.
inherit	Kalıtsal olarak soybağından gelen değeri alır.