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.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS justify-content Özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS top Özelliği