Tutorial CSS3 properti animasi durasi Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Tag definisi dan petunjuk,tatabahasa,Artikel terkait,

CSS3 properti animasi durasi

contoh

Menjiwai selesai dalam waktu dua detik:

animasi durasi: 2 s; - webkit-animasi-durasi: 2 s; / * 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-duration 43.0
3.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

Properti animasi durasi mendefinisikan animasi selesai siklus membutuhkan banyak detik atau milidetik.

default: 0
warisan: tidak
versi: CSS3
sintaks JavaScript: keberatan object.style.animationDuration = "3s"


tatabahasa

animation-duration:time;

nilai penjelasan
waktu Menentukan waktu yang dibutuhkan untuk menyelesaikan animasi. Nilai default adalah 0, berarti tidak ada animasi.


Artikel terkait

CSS3 tutorial: CSS3 Animasi

CSS3 properti animasi durasi
10/30