Contoh
Mengubah properti animationDirection dari <div> elemen:
document.getElementById("myDIV").style.animationDirection = "reverse";
Cobalah sendiri " Definisi dan Penggunaan
The animationDirection set properti atau kembali apakah animasi harus bermain secara terbalik pada siklus alternatif.
Note: Jika animasi diatur untuk bermain hanya sekali, properti ini tidak akan berpengaruh.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh Moz menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | Tidak didukung | 16.0 5.0 Moz | Tidak didukung | 30.0 |
Sintaksis
Kembali properti animationDirection:
object .style.animationDirection Mengatur properti animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| normal | nilai default. animasi harus dimainkan seperti biasa |
| reverse | animasi harus bermain di arah sebaliknya |
| alternate | Animasi akan dimainkan seperti biasa setiap kali aneh (1,3,5,etc..) dan di arah sebaliknya setiap bahkan waktu (2,4,6,etc...) |
| alternate-reverse | Animasi akan dimainkan di arah sebaliknya setiap kali aneh (1,3,5,etc..) dan dalam arah normal setiap bahkan waktu (2,4,6,etc...) |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | normal |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti animasi-arah elemen |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: animation-direction property
<Style Object