Properti Style animation

Definisi dan penggunaan

animation Properti ini adalah singkatan dari enam properti animasi:

Keterangan:Selalu tentukan Properti animationDurationJika tidak, durasi animasi adalah 0 dan tak akan dimainkan.

Contoh

Menggunakan properti singkat untuk mengubah animasi elemen <div>:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

Coba Sendiri

Sintaks

Mengembalikan atribut animation:

object.style.animation

Mengatur atribut animation:

object.style.animation = "name duration timingFunction delay iterationCount direction fillMode playState"

Nilai atribut

Nilai Deskripsi
animationName menentukan nama frame kunci yang harus diikat ke pilihannya.
animationDuration menentukan berapa detik atau milidetik yang diperlukan animasi untuk selesai.
animationTimingFunction menentukan garis waktu animasi.
animationDelay menentukan jeda sebelum animasi mulai.
animationIterationCount menentukan berapa kali animasi harus dimainkan.
animationDirection menentukan apakah animasi harus dimainkan berbalik di sirkulasi alternatif.
animationFillMode menentukan nilai yang diterapkan di luar waktu eksekusi animasi.
animationPlayState menentukan apakah animasi sedang berjalan atau dihentikan.
initial Menetapkan atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induk. Lihat inherit.

Detil Teknik

Nilai standar: none 0 ease 0 1 normal none running
Nilai kembalian: string yang menunjukkan elemen Aturan animation.
Versi CSS: CSS3

Dukungan Browser

animation adalah fitur CSS3 (1999).

Semua browser mendukung sepenuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukungan Dukungan Dukungan Dukungan Dukungan 11

Halaman-ralat

Panduan Referensi CSS:Aturan animation