tutorial pengembangan web terbaru
 

Style animationName Property

<Style Object

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