Örnek
A animationDirection özelliğinin değiştirilmesi <div> elemanı:
document.getElementById("myDIV").style.animationDirection = "reverse";
Kendin dene " Tanımı ve Kullanımı
animationDirection özelliği, ayarlar veya animasyon alternatif döngülere tersten oynaması gerektiğini olsun veya olmasın döner.
Note: animasyon sadece bir kez oynamak için ayarlanırsa, bu özellik hiçbir etkisi olmayacaktır.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Moz ardından Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | Desteklenmiyor | 16.0 5.0 Moz | Desteklenmiyor | 30.0 |
Sözdizimi
animationDirection özelliğini Dönüş:
object .style.animationDirection animationDirection özelliğini ayarlayın:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| normal | Varsayılan değer. animasyon normal şekilde oynanması gerektiğini |
| reverse | Animasyon ters yönde oynaması gereken |
| alternate | Animasyon, normal olarak, her tek zaman oynanacak (1,3,5,etc..) ters yönde her da zaman ve (2,4,6,etc...) |
| alternate-reverse | Animasyon ters yönde her tek zaman oynanacak (1,3,5,etc..) normal bir yönde her da zaman ve (2,4,6,etc...) |
| 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: | normal |
|---|---|
| Geri dönüş değeri: | bir elemanın animasyon yönü özelliği temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referans: animation-direction property
<Stil Nesne