properti CSS3 animasi
contoh
Menggunakan animasi properti singkat untuk mengikat ke elemen <div>:
div
{
animasi: mymove 5 s tak terbatas ; - Webkit-animasi: mymove 5 s tak terbatas ; / * Safari dan Chrome * /
}
Coba »
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 | 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- |
default: | none 0 kemudahan 0 1 yang normal |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | objek .style.animation = "5s mymove tak terbatas" |
tatabahasa
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
nilai | penjelasan |
---|---|
animasi-nama | Menentukan nama untuk terikat untuk memilih frame kunci |
animasi durasi | Animasi Menentukan berapa detik atau milidetik |
animasi-waktu-fungsi | Cara mengatur animasi akan menyelesaikan siklus |
animasi-delay | Menjiwai sebelum memulai jeda delay. |
animasi-iterasi-count | Tentukan memainkan animasi. |
animasi-arah | Menentukan apakah untuk kembali animasi. |
animasi-fill-mode | Ketentuan ketika animasi tidak bermain (ketika animasi selesai, atau ketika ada keterlambatan dalam animasi tidak mulai bermain), untuk diterapkan pada elemen style. |
animasi-play-state | Menentukan apakah animasi sedang berjalan atau berhenti. |
awal | Mengatur properti ke nilai default. Baca informasi tentang awal. |
mewarisi | Sifat yang diwarisi dari elemen induk. Baca informasi tentang initinherital. |
Artikel terkait
CSS3 tutorial: CSS3 Animasi