Sifat transition style

Definisi dan penggunaan

transition Sifat ini adalah singkatan bagi empat sifat transit:

Komen:Semalu tentukan Sifat transitionDurationJika tidak, masa tempoh adalah 0, transit akan tidak sah.

Lihat juga:

Panduan CSS:Sifat transition

Contoh

Tumpukan tetikus di atas elemen div untuk mengubah penampilannya secara perlahan:

document.getElementById("myDIV").style.transition = "all 2s";

Cuba sendiri

Syarat

Balikkan sifat transition:

object.style.transition

Tetapkan sifat transition:

object.style.transition = "property duration timing-function delay|initial|inherit"

Nilai sifat

Nilai Keterangan
transitionProperty Menentukan nama sifat CSS yang dihadapi kesan transit.
transitionDuration Menentukan berapa masa atau milisecond yang diperlukan kesan transit untuk selesai.
transitionTimingFunction Menentukan garisan waktu kesan transit.
transitionDelay Mendefinikan bila kesan transit mengambil permulaan.
initial Tetapkan sifat ini kepada nilai lalai. Lihat initial.
inherit Mewarisi sifat ini dari elemen induk. Lihat inherit.

Perincian teknikal

Nilai lalai: all 0 ease 0
Hasil balik: string, menunjukkan elemen Sifat transition.
Versi CSS: CSS3

Pendukung pelayar

Nombor dalam tabel menunjukkan versi pelayar yang penuh untuk mengesahkan sifat ini.

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