Atribut transitionProperty Style

Definisi dan penggunaan

transitionProperty Atribut menentukan nama atribut CSS yang berhubungan dengan efek transisi (efek transisi akan dimulai saat atribut yang ditentukan berubah).

Petunjuk：Ketika pengguna menaruh kursor di atas elemen, biasanya akan muncul efek transisi.

Komentar：Selalu tentukan Atribut transitionDurationatau lama transisi akan tetap 0, dan transisi akan tak berlaku.

Lihat juga：

Panduan CSS：Atribut transition-property

Contoh

Tahan kursor di atas elemen div untuk mengubah lebar dan tinggi secara perlahan：

document.getElementById("myDIV").style.transitionProperty = "width,height";

Coba sendiri

Syarat

Kembalian atribut transitionProperty：

object.style.transitionProperty

Atur atribut transitionProperty：

object.style.transitionProperty = "none|all|property|initial|inherit"

Nilai atribut

Nilai Deskripsi
none Tidak ada atribut yang mendapatkan efek transisi.
all Nilai baku. Semua atribut akan mendapatkan efek transisi.
property Daftar nama atribut CSS yang menentukan efek transisi, dipisahkan koma.
initial Atur atribut ini ke nilai baku. Lihat initial。
inherit Mewarisi atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai baku： all
Nilai kembalian： String, menunjukkan elemen Atribut transition-property。
Versi CSS： CSS3

Dukungan peramban

Terdapat angka di dalam tabel yang menunjukkan versi peramban pertama yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1