En son web geliştirme öğreticiler
 

Style animationName Property

<Stil Nesne

Ö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