Atribut Style transitionDuration
- Halaman Sebelumnya transitionProperty
- Halaman Berikutnya transitionTimingFunction
- Kembali ke Lapisan Atas Objek Style 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:Atribut transition-duration
Contoh
Peningkatkan efek transisi:
document.getElementById("myDIV").style.transitionDuration = "1s";
Syarat
Kembalikan atribut transitionDuration:
object.style.transitionDuration
Atur atribut transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
time | Atur berapa lama (dalam detik atau milidetik) yang diperlukan untuk menyelesaikan efek transisi. Nilai defaultnya adalah 0, yang berarti tidak ada efek. |
initial | Atur atribut ini ke nilai defaultnya. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai default: | 0 |
---|---|
Nilai kembalian: | string, yang merepresentasikan Atribut transition-duration. |
Versi CSS: | CSS3 |
Dukungan browser
Tabel ini menunjukkan versi browser yang pertama yang mendukung atribut ini penuh.
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 DOM