Atribut animationName EventAnimation

Event DOM AnimationEvent

Definisi dan penggunaan

Ketika peristiwa animasi terjadi, atribut animationName kembalikan nama animasi.

Nama animasi adalah atribut CSS animation-name Nilainya.

Atribut ini hanya baca.

Contoh

Mengambil nama animasi yang berhubungan dengan animasi:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Nama animasi adalah: " + event.animationName;
}

Coba sendiri

Sintaksis

event.animationName

Detil teknis

Nilai kembalian: Nilai string yang menyatakan nama animasi.

Dukungan browser

Angka dalam tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Atribut Chrome IE Firefox Safari Opera
animationName Dukungan 10.0 6.0 Dukungan Dukungan

Halaman yang berhubungan

Referensi HTML DOM:Event animationstart

Referensi HTML DOM:Event animationiteration

Referensi HTML DOM:Event animationend

Referensi HTML DOM:Properti elapsedTime AnimationEvent

Referensi CSS:Properti animation CSS3

Referensi CSS:Properti animation-name CSS3

Event DOM AnimationEvent