Sifat transitionDuration style
- Halaman sebelumnya transitionProperty
- Halaman berikutnya transitionTimingFunction
- Kembali ke lapisan atas Objek Style HTML DOM
Definisi dan penggunaan
transitionDuration
Atur atau kembalikan berapa lama (dalam detik s) atau milidetik (ms) yang diperlukan untuk menyelesaikan efek transisi.
Lihat juga:
Panduan CSS:sifat transition-duration
Contoh
Pengukuran transisi yang cepat:
document.getElementById("myDIV").style.transitionDuration = "1s";
Sintaks
Kembalikan sifat transitionDuration:
object.style.transitionDuration
Tetapkan sifat transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Nilai sifat
Nilai | Deskripsi |
---|---|
time | Menentukan berapa lama (dalam detik atau milidetik) yang diperlukan untuk menyelesaikan efek transisi. Nilai baku adalah 0, yang berarti tidak ada efek. |
initial | Tetapkan sifat ini ke nilai baku. Lihat initial. |
inherit | Mewarisi sifat ini dari elemen induknya. Lihat inherit. |
Detil teknikal
Nilai baku: | 0 |
---|---|
Nilai kembalian: | string, yang menyatakan sifat transition-duration. |
Versi CSS: | CSS3 |
Pendukung pereka web
Terdapat angka di dalam tabel yang menunjukkan versi pereka web yang pertama yang sepenuhnya mendukung sifat ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- Halaman sebelumnya transitionProperty
- Halaman berikutnya transitionTimingFunction
- Kembali ke lapisan atas Objek Style HTML DOM