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

Linklerin Renklerini Değiştirme Örnek

HTML Element Referansları

HTML main Etiketi

HTML yorum etiketi ile öğe gizleme örneği

Html dersleri

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği