1. Rumah
  2. Properti CSS3 animasi-delay

Tutorial Properti CSS3 animasi-delay Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Tag definisi dan petunjuk,tatabahasa,contoh yang lebih,contoh,Artikel terkait,

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

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

Tutorial Panas

Hubungi kami

Properti CSS3 animasi-delay
10/30