Properti transition-delay CSS

Definisi dan penggunaan

Atribut transition-delay menentukan kapan efek transisi dimulai.

Nilai transition-delay dalam detik atau milidetik.

Lihat pula:

Panduan CSS:Transisi CSS

Panduan HTML DOM:Atribut transitionDelay

Contoh

Tunggu 2 detik sebelum efek transisi dimulai:

div {
  transition-delay: 2s;
}

Coba sendiri

Syntaks CSS

transition-delay: time;

Nilai atribut

Nilai Deskripsi
time Tentukan waktu yang harus menunggu sebelum efek transisi dimulai, dalam detik atau milidetik.

Detil teknis

Nilai default: 0
Inheritsi: tidak
Versi: CSS3
Syntaks JavaScript: object.style.transitionDelay="2s"

Dukungan browser

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

Angka yang diikuti dengan -webkit- atau -moz- menunjukkan versi awal yang menggunakan 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-