Contoh
Mengubah properti animationName dari <div> elemen:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Cobalah sendiri " Definisi dan Penggunaan
The animationName set properti atau mengembalikan nama untuk @keyframes animasi.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh WebKit, Moz, atau O tentukan versi pertama yang bekerja dengan awalan.
Milik | |||||
---|---|---|---|---|---|
animationName | 43.0 4.0 Webkit | 10,0 | 16.0 5.0 Moz | 4.0 Webkit | 30.0 15,0 Webkit 12.1 12,0 O |
Catatan: Chrome, Safari dan Opera mendukung alternatif, properti WebkitAnimationName.
Sintaksis
Kembali properti animationName:
object .style.animationName
Mengatur properti animationName:
object .style.animationName="none| Nilai properti Nilai Deskripsi none nilai default. Menentukan bahwa tidak akan ada animasi (dapat digunakan untuk mengesampingkan animasi yang berasal dari cascade) keyframename Menentukan nama keyframe yang Anda ingin mengikat pemilih initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tak satupun Kembali Nilai: Sebuah String, yang mewakili properti animasi-nama unsur CSS Versi CSS3
Pages terkait
Referensi CSS: animation-name property
<Style Object