CSS animation-duration Özelliği

Tanım ve Kullanım

animation-duration Özellik, bir döngü tamamlamak için gerekli süreyi saniye veya milisaniye cinsinden tanımlar.

Ayrıca bakınız:

CSS3 Eğitim Seti:CSS 动画

HTML DOM Referans Kılavuzu:animationDuration Özelliği

Örnek

@keyframes için bir ad belirleyin:

div {
  animation-duration: 3s;
}

Deneyin

CSS Dilbilgisi

animation-duration: time;
Değer Açıklama
time Animasyonun tamamlanması için harcanan süreyi belirler. Varsayılan değer 0'dır, bu da animasyonun olmayacağı anlamına gelir.

Teknik Ayrıntılar

Varsayılan Değer: 0
Miras Yönetimi: hayır
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.animationDuration="3s"

Tarayıcı Desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

İlk sürümde -webkit-、-moz- veya -o- ön ekleri olan rakamlar kullanımı gerektirir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-