Örnek
A animationName özelliğinin değiştirilmesi <div> elemanı:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Kendin dene " Tanımı ve Kullanımı
animationName özelliği, ayarlar veya @keyframes animasyon için bir ad döndürür.
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 | |||||
---|---|---|---|---|---|
animationName | 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, WebkitAnimationName özelliğini desteklemez.
Sözdizimi
animationName özelliğini Dönüş:
object .style.animationName
animationName özelliğini ayarlayın:
object .style.animationName="none| Mülkiyet Değerler değer Açıklama none Varsayılan değer. animasyon olacağını belirtir (basamaklama gelen animasyonlar geçersiz kılmak için kullanılabilir) keyframename Eğer seçicinin bağlanma anahtar karesinin adı istiyorum 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: Yok Geri dönüş değeri: bir elemanın animasyon adı özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: animation-name property
<Stil Nesne