Örnek
animasyon duraklatma:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Kendin dene " Tanımı ve Kullanımı
animationPlayState özelliği animasyon çalışıyor veya duraklatılmış belirtir.
Note: Bir döngünün ortasında bir animasyon duraklatmak için bu özelliği kullanın.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Webkit, Moz, veya O izledi Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4,0 Webkit | 10.0 | 16.0 5.0 Moz | 4,0 Webkit | 30.0 15.0 Webkit 12.1 12.0 O |
Not: Chrome, Safari ve Opera bir alternatif, WebkitAnimation özelliğini desteklemez.
Sözdizimi
animationPlayState özelliğini Dönüş:
object .style.animationPlayState animationPlayState özelliğini ayarlayın:
object .style.animationPlayState="running|paused|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| running | Varsayılan değer. animasyon çalıştığını belirtir |
| paused | animasyon duraklatıldıysa belirtir |
| 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 |
Teknik detaylar
| Varsayılan değer: | koşu |
|---|---|
| Geri dönüş değeri: | bir elemanın animasyon-oynatma durum özelliğini temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: animation-play-state property
<Stil Nesne