Contoh
Arahkan kursor ke atas elemen div untuk secara bertahap mengubah lebar dan tinggi:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Cobalah sendiri " Definisi dan Penggunaan
Properti transitionProperty menentukan nama properti CSS efek transisi untuk (efek transisi akan dimulai ketika perubahan properti CSS yang ditentukan).
Tip: Sebuah efek transisi biasanya bisa terjadi ketika pengguna hover atas elemen.
Note: Selalu menentukan properti transitionDuration, jika durasi adalah 0, dan transisi tidak akan berpengaruh.
Dukungan Browser
Properti transitionProperty didukung di Internet Explorer 10, Firefox, Opera, dan Chrome.
Safari mendukung alternatif, properti WebkitTransitionProperty.
Catatan: Properti transitionProperty tidak didukung di Internet Explorer 9 dan versi sebelumnya.
Sintaksis
Kembali properti transitionProperty:
object .style.transitionProperty Mengatur properti transitionProperty:
object .style.transitionProperty="none|all| Nilai properti Nilai Deskripsi none Tidak ada properti akan mendapatkan efek transisi all nilai default. Semua properti akan mendapatkan efek transisi property Mendefinisikan daftar dipisahkan koma dari nama properti CSS efek transisi untuk initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: semua Kembali Nilai: Sebuah String, yang mewakili properti transisi-properti dari elemen CSS Versi CSS3
Pages terkait
Referensi CSS: transition-property property
<Style Object