Properti transition-duration CSS

Definisi dan penggunaan

Atribut transition-duration menentukan waktu yang dibutuhkan untuk menyelesaikan efek transisi (dalam detik atau milidetik).

Lihat pula:

Panduan CSS:Transisi CSS

Panduan HTML DOM:Atribut transitionDuration

Contoh

Buat efek transisi berlanjut selama 5 detik:

div {
  transition-duration: 5s;
}

Coba sendiri

Syntaks CSS

transition-duration: time;

Nilai atribut

Nilai Deskripsi
time

Tentukan waktu yang dibutuhkan untuk menyelesaikan efek transisi (dalam detik atau milidetik).

Nilai default adalah 0, berarti tidak ada efek yang berlaku.

Detil teknis

Nilai default: 0
Inheritance: no
Versi: CSS3
Syntaks JavaScript: object.style.transitionDuration="5s"

Dukungan browser

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

Angka yang diawali dengan -webkit-、-moz- atau -o- menunjukkan versi awal yang digunakan dengan prefiks.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-