Properti animation-duration CSS

Definisi dan Penggunaan

animation-duration Properti ini menentukan waktu yang dibutuhkan untuk mengakhiri satu周期 animasi, dalam detik atau milidetik.

Lihat Juga:

Panduan CSS3:Animasi CSS

Panduan HTML DOM:Properti animationDuration

Contoh

Tentukan nama untuk animasi @keyframes:

div {
  animation-duration: 3s;
}

Coba Sendiri

Syntaks CSS

animation-duration: time;
Nilai Deskripsi
time Menentukan waktu yang dibutuhkan untuk menyelesaikan animasi. Nilai default adalah 0, yang berarti tidak ada efek animasi.

Detil Teknologi

Nilai Default: 0
Inheritance: no
Versi: CSS3
Syntaks JavaScript: object.style.animationDuration="3s"

Dukungan Browser

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

Angka yang berisi -webkit-, -moz-, atau -o- menunjukkan versi awal yang menggunakan prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-