Atribut Style animationDirection

Definisi dan penggunaan

animationDirection Pengaturan atribut atau pengembalian apakah animasi seharusnya dimainkan kebalikan dalam siklus alternatif.

Komentar:Jika animasi diatur untuk dimainkan sekali, atribut ini akan tak berfungsi.

Contoh

Ubah atribut animationDirection elemen <div>:

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

Coba sendiri

Syarat

Kembalikan atribut animationDirection:

object.style.animationDirection

Atur atribut animationDirection:

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

Nilai atribut

Nilai Deskripsi
normal Nilai baku. Animasi seharusnya dimainkan normal.
reverse Animasi seharusnya dimainkan kebalikan.
alternate Animasi akan dimainkan di setiap kali ganjil (1, 3, 5 dll) kebalikan, dan di setiap kali genap (2, 4, 6 dll...).
alternate-reverse Animasi akan dimainkan di setiap kali genap (1, 3, 5 dll) kebalikan, dan di setiap kali ganjil (2, 4, 6 dll...).
initial Atur atribut ini ke nilai baku. Lihat initial.
inherit Mewarisi atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: normal
Nilai kembalian: string, menunjukkan elemen Sifat animation-direction.
Versi CSS: CSS3

Pemungutan dukungan pelayar

animationDirection adalah fitur CSS3 (1999).

Semua pelayar web menentukan penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukung Dukung Dukung Dukung Dukung 11

Laman yang berkaitan

Panduan CSS:Sifat animation-direction