Atribut animation-delay CSS

Definisi dan Penggunaan

animation-delay Properti menentukan kapan animasi dimulai.

Nilai animation-delay dalam detik atau milidetik.

Petunjuk:Memungkinkan nilai negatif, -2s membuat animasi segera mulai, tetapi melewati 2 detik untuk memasuki periode animasi.

Lihat Juga:

Pelajaran CSS3:Animasi CSS

Panduan HTML DOM:Properti animationDelay

Contoh

Contoh 1

Tunggu 2 detik, lalu mulai animasi:

div {
  animation-delay: 2s;
}

Coba Sendiri

Contoh 2

Nilai negatif, perhatikan bahwa animasi melewati 2 detik untuk memasuki periode animasi:

div {
  animation-delay: -2s;
}

Coba Sendiri

Syntaks CSS

animation-delay: time;
Nilai Deskripsi Pengujian
time Pilihan. Definisi waktu tunggu sebelum animasi dimulai, dalam detik atau milidetik. Nilai default adalah 0. Pengujian

Detil Teknologi

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

Dukungan Browser

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

Dengan -webkit-、-moz- atau -o- diikuti angka menunjukkan versi awal penggunaan 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-