CSS animation-name Özelliği

Tanım ve Kullanım

animation-name Özellik, @keyframes için ad belirler.

Yorum:Her zaman belirtin animation-duration Aksi takdirde, süresi 0 olursa, animasyon oynatılmaz.

Daha fazla bilgi için bkz:

CSS3 Eğitim Seti:CSS Animasyon

HTML DOM Referans Kılavuzu:animationName özelliği

Örnek

@keyframes için bir ad belirleyin:

div
{
animation:mymove 5s sonsuz;
}

Kişisel olarak deneyin

CSS dilbilgisi

animation-name: keyframename|yok;

Özellik değeri

Değer Açıklama
keyframename Seçiciye bağlanması gereken keyframe adını belirtir.
yok Hiçbir animasyon etkisi belirler (katmanlardan gelen animasyonları kapsamak için kullanılabilir).

Teknik Ayrıntılar

Öntanımlı değer: yok
Devralabilirlik: hayır
Sürüm: CSS3
JavaScript dilbilgisi: nesne.style.animationName="mymove"

Tarayıcı Desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Içerisinde -webkit-、-moz- veya -o- olan sayılar, önek kullanılan ilk sürümü gösterir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-