Style animationDuration özelliği
- Önceki sayfa animationDirection
- Sonraki sayfa animationFillMode
- Üst katına dön HTML DOM Style Nesnesi
tanım ve kullanım
animationDuration
Bir döngüün tamamlanması için gereken saniye veya milisaniye cinsinden sayıyı tanımlar.
örnek
<div> elementinin animationDuration özelliğini değiştirin:
document.getElementById("myDIV").style.animationDuration = "3s";
gramer
animationDuration özelliğini döndürür:
object.style.animationDuration
animationDuration özelliğini ayarlar:
object.style.animationDuration = "time|initial|inherit"
özellik değeri
değer | tanım |
---|---|
time | Animasyonun tamamlanması için gereken süreyi belirler. Varsayılan değeri 0'dır, animasyon olmayacağı anlamına gelir. |
initial | Bu özelliği varsayılan değerine ayarlar. Bakınız initial。 |
inherit | Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。 |
teknik ayrıntılar
varsayılan değer: | 0 |
---|---|
dönüş değeri: | dizesi,元素的 animation-duration özelliği。 |
CSS sürümü: | CSS3 |
tarayıcı desteği
animationDuration
CSS3 (1999) özelliğidir.
Tüm tarayıcılar bunu tamamen destekler:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
destek | destek | destek | destek | destek | 11 |
İlgili sayfalar
CSS referans el kitabı:animation-duration özelliği
- Önceki sayfa animationDirection
- Sonraki sayfa animationFillMode
- Üst katına dön HTML DOM Style Nesnesi