Atribut Style animationDirection

Definisi dan penggunaan

animationDirection Pengaturan atribut atau pengembalian apakah animasi harus memutar balik dalam putar berulang.

Komentar:Jika animasi diatur untuk hanya dimainkan sekali, atribut ini akan tidak berlaku.

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 harus memutar secara normal.
reverse Animasi harus memutar balik.
alternate Animasi akan memutar ke depan di setiap kali ganjil (1, 3, 5 dll) dan memutar balik di setiap kali genap (2, 4, 6 dll...).
alternate-reverse Animasi akan memutar balik di setiap kali ganjil (1, 3, 5 dll) dan memutar ke depan di setiap kali genap (2, 4, 6 dll...).
initial Atur atribut ini ke nilai baku. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: normal
Nilai kembalian: String, menunjukkan elemen Properti animation-direction.
Versi CSS: CSS3

Dukungan peramban

animationDirection Adalah fitur CSS3 (1999).

Semua peramban menolong penuhnya:

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

Halaman-Related

Panduan CSS:Properti animation-direction