Stil animasyonuYön Özellik
Örnek
Bir <div> öğesinin animasyonDirection özelliğini değiştirme:
document.getElementById("myDIV").style.animationDirection = "reverse";
Tanım ve Kullanım
animasyonDirection özelliği, animasyonun alternatif döngülerde tersten oynatılıp oynatılmayacağını ayarlar veya döndürür.
Not: Animasyon yalnızca bir kez oynatılacak şekilde ayarlanırsa bu özelliğin hiçbir etkisi olmaz.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Moz'un ardından gelen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sözdizimi
animasyonDirection özelliğini döndürün:
object.style.animationDirection
animasyonDirection özelliğini ayarlayın:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | normal |
---|---|
Geri dönüş değeri: | Bir öğenin animasyon yönü özelliğini temsil eden bir Dize |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: animasyon yönü özelliği