CSS3 animation-duration Özelliği

CSS3 animation-duration özelliği

Css'te animayon süresini ayarlamak için animation-duration özelliği kullanılır.

Örnek:

Bu örnekteki animasyon süresi 4sn olarak uygulanmıştır.

div { animation-duration: 4s; -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ }

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

animation-duration özelliği ile animasyon süresi ayarlanabilir.Süre birimleri için saniye "s" ya da milisaniye "ms " kullanılır.

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

CSS3 animation-duration Tarayıcı Desteği

CSS Kodu:
animation-duration	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-duration Değerleri

animation-duration:time|initial|inherit;

CSS3 animation-duration özelliği değerleri

CSS animation-duration değerleri	CSS animation-duration değerleri tanımları	CSS Örnek Uygulamalar
time	Zaman birimi olarak "s" yada "ms" kullanılır.Animasyonun tamamlanması için belirtilen süreyi temsil eder.
initial	Varsayılan değerdir.
inherit	Soybağından aldığı değerdir.