Atribut animation-name CSS

Definisi dan Penggunaan

animation-name Aturan untuk menentukan nama animasi @keyframes.

Keterangan:Selalu tentukan animation-duration Aturan, jika durasi 0, animasi tidak akan dimainkan.

Lihat Juga:

Panduan CSS3:Animasi CSS

Panduan HTML DOM:atribut animationName

Contoh

Tentukan nama untuk animasi @keyframes:

div
{
animation:mymove 5s infinite;
}

Coba Sendiri

Sintaksis CSS

animation-name: keyframename|none;

Nilai Properti

Nilai Deskripsi
keyframename Tentukan nama keyframe yang harus diikat ke selector.
none Tentukan efek animasi tanpa animasi (dapat digunakan untuk menutupi animasi dari kasciling).

Detil Teknologi

Nilai Default: none
Inheritance: no
Versi: CSS3
Sintaksis JavaScript: object.style.animationName="mymove"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

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

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-