CSS animasyon gecikmesi Özellik
Örnek
2 saniye sonra animasyonu başlatın:
div {
animation-delay: 2s;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik animation-delay
, bir animasyonun başlaması için bir gecikme belirtir.
Animasyon gecikmesi değeri, saniye (s) veya milisaniye (ms) olarak tanımlanır.
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.animationDelay="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 | |||||
---|---|---|---|---|---|
animation-delay | 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- |
CSS Sözdizimi
animation-delay: time|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Negatif değerler kullanma. Burada, animasyon zaten 2 saniyedir oynuyormuş gibi başlayacaktır:
div {
animation-delay: -2s;
}
İlgili Sayfalar
CSS eğitimi: CSS Animasyonları
HTML DOM referansı: animasyonDelay özelliği