Properti animation-direction CSS

Definisi dan Penggunaan

animation-direction Apakah properti harus bermain balik secara bergantian.

Jika nilai animation-direction adalah "alternateJika digunakan "", animasi akan bermain normal di bilangan genap (2, 4, 6, dll) dan bermain balik di bilangan ganjil (1, 3, 5, dll).

Komentar:Jika animasi diatur untuk hanya bermain sekali, properti ini tidak berpengaruh.

Lihat Juga:

Panduan CSS3:Animasikan CSS

Panduan HTML DOM:Properti animationDirection

Contoh

Menyusun animasi:

div {
  animation-direction: alternate;
}

Coba Sendiri

Sintaks CSS

animation-direction: normal|alternate;
Nilai Deskripsi Pengujian
normal Nilai Default. Animasi harus bermain normal. Pengujian
alternate Animasi harus bermain balik secara bergantian. Pengujian

Detil Teknologi

Nilai Default: normal
Inheritance: tidak
Versi: CSS3
Sintaks JavaScript: objek.style.animationDirection="alternate"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Dengan -webkit-、-moz- atau -o- diikuti angka menunjukkan versi awal penggunaan awalan.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-