Örnek
İki saniye bekleyin, daha sonra animasyon başlatın:
div {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
} Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
animasyon gecikmeli özelliği bir animasyon başlaması için bir gecikme belirtir.
Animasyon gecikme değerini saniye tanımlanmıştır (s) ya da milisaniye (ms) .
| Varsayılan değer: | 0s |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.animationDelay="1s" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -moz-, -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -O-.
| özellik | |||||
|---|---|---|---|---|---|
| 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: Mülkiyet Değerler değer Açıklama Oynat time İsteğe bağlı. Saniye sayısını tanımlar (s) ya da milisaniye (ms) animasyon başlayacak önce beklenecek. Varsayılan değer 0. Negatif değerler izinli olması demektir Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
negatif değerler kullanarak, animasyon animasyon döngüsü içine 2 saniye başladığını fark:
div {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
Kendin dene "
İlgili Sayfalar
CSS3 öğretici: CSS3 Animasyonlar
HTML DOM referansı: animationDelay property