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.  

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri