Atribut animation-fill-mode CSS

Definisi dan Penggunaan

animation-fill-mode Atribut ini menentukan apakah efek animasi dapat dilihat sebelum atau setelah pemutaran animasi.

Komentar:Nilai atributnya adalah satu atau beberapa kata mode pengisi yang dipisahkan oleh koma.

Lihat juga:

Panduan CSS3:Animasikan CSS

Panduan HTML DOM:Atribut animationFillMode

Contoh

Tentukan mode pengisi untuk elemen h1:

h1
  {
  animation-fill-mode: forwards;
  }

Syntaks CSS

animation-fill-mode : none | forwards | backwards | both;
Nilai Deskripsi
none Tidak mengubah perilaku default.
forwards Setelah animasi selesai, tetapkan nilai atribut terakhir (didefinisikan dalam keyframe terakhir).
backwards Pada waktu yang ditentukan oleh animation-delay, sebelum animasi muncul, aplikasikan nilai atribut awal (didefinisikan dalam keyframe pertama).
both Mode pengisi untuk ke arah depan dan belakang digunakan.

Detil Teknologi

Nilai Default: none
Inheritance: no
Versi: CSS3
Syntaks JavaScript: object.style.animationFillMode=none

Dukungan Browser

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

Dengan -webkit-、-moz- atau -o- di awal angka menunjukkan versi awal yang menggunakan 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.1
12.0 -o-