CSS animasyon süresi Özellik
Örnek
Animasyonun bir döngüyü 3 saniyede tamamlaması gerektiğini belirtin:
div {
animation-duration: 3s;
}
Tanım ve Kullanım
Özellik animation-duration
, bir animasyonun bir döngüyü tamamlamasının ne kadar süreceğini tanımlar.
Varsayılan değer: | 0 |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.animationDuration="3s" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit-, -moz- veya -o- ile takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
animation-duration | 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- |
CSS Sözdizimi
animation-duration: time|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Animasyonları
HTML DOM referansı: animasyonDuration özelliği