Properti CSS3 animasi-delay
contoh
Tunggu dua detik dan kemudian mulai animasi:
animasi-delay: 2 s; - webkit-animasi-delay: 2 s; / * Safari dan Chrome * /
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
animation-delay | 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- |
Tag definisi dan petunjuk
atribut animasi-delay mendefinisikan ketika animasi dimulai.
Nilai animasi-delay unit dapat detik (s) atau milidetik (ms).
Tip: Biarkan negatif, -2s membuat animasi segera dilaksanakan, tetapi melewatkan dua detik ke animasi.
default: | 0 |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan object.style.animationDelay = "2s" |
tatabahasa
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
contoh yang lebih
contoh
Negatif, harap dicatat bahwa animasi skip dua detik ke dalam siklus animasi:
animasi-delay: -2 s / * Opera * / -moz-animasi -delay: -2 s / * Firefox * / -webkit-animasi -delay: -2 s / * Safari dan Chrome * /
Coba »
Artikel terkait
CSS3 tutorial: CSS3 Animasi