Sifat transitionProperty Style

Definisi dan penggunaan

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

Petunjuk：Ketika pengguna menaruh mouse di atas elemen, biasanya terjadi efek transisi.

Komentar：Selalu tentukan sifat transitionDurationJika tidak, durasi waktu adalah 0, transisi akan tidak berlaku.

Lihat juga：

Panduan CSS：sifat transition-property

Contoh

Tahan mouse di atas elemen div untuk perubahan perlahan lebar dan tinggi:

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

Coba sendiri

Sintaks

Kembalikan sifat transitionProperty：

object.style.transitionProperty

Atur sifat transitionProperty：

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

Nilai properti

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

Detil teknis

Nilai baku： all
Nilai kembalian： string, yang merepresentasikan sifat transition-property。
Versi CSS： CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung sifat ini penuh.

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