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 Resimler

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

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek