Style animationDirection özelliği

Tanım ve Kullanım

animationDirection Özellik, animasyonun değişken döngüde ters oynayıp oynamayacağını ayarlar.

Yorum:Eğer animasyon sadece bir kez oynatılması ayarlanmışsa, bu özellik geçersizdir.

Örnek

<div> elementinin animationDirection özelliğini değiştirin:

document.getElementById("myDIV").style.animationDirection = "reverse";

Kişisel olarak deneyin

Gramer

animationDirection özelliğini döndürün:

object.style.animationDirection

animationDirection özelliğini ayarlayın:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Özellik değeri

Değer Açıklama
normal Varsayılan değer. Animasyon normal oynar.
reverse Animasyon ters oynar.
alternate Animasyon her çift sayıda (1, 3, 5 vb.) normal oynar ve her tek sayıda (2, 4, 6 vb ...) ters oynar.
alternate-reverse Animasyon her çift sayıda (1, 3, 5 vb.) ters oynatır ve her tek sayıda (2, 4, 6 vb ...) normal oynar.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: normal
Dönüş değeri: Dizge,元素的 animation-direction özelliği.
CSS sürümü: CSS3

Tarayıcı desteği

animationDirection CSS3 (1999) özelliğidir.

Tüm tarayıcılar onu tamamen destekler:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Destek Destek Destek Destek Destek 11

İlgili sayfalar

CSS referans el kitabı:animation-direction özelliği