CSS geçiş süresi Özellik
Örnek
Geçiş etkisinin 5 saniye sürmesine izin verin:
div {
transition-duration: 5s;
}
Tanım ve Kullanım
Özellik , transition-duration
bir geçiş efektinin tamamlanması için kaç saniye (s) veya milisaniye (ms) gerektiğini belirtir.
Varsayılan değer: | 0'lar |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.transitionDuration="1s" |
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 | |||||
---|---|---|---|---|---|
transition-duration | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
CSS Sözdizimi
transition-duration: time|initial|inherit;
Mülk değerleri
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0s, meaning there will be no effect |
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 Geçişleri
HTML DOM referansı: geçişDuration özelliği