Latest web development tutorials

Properti HTML DOM Style transitionProperty

Gaya Referensi Obyek gaya Objects

contoh

Pointer mouse melayang di atas elemen div, secara bertahap akan mengubah lebar dan tinggi:

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

Coba »

Definisi dan Penggunaan

Atribut transitionProperty menentukan nama properti CSS menerapkan efek transisi. (Ketika properti CSS yang ditentukan perubahan, efek transisi akan dimulai).

Tip: efek transisi biasanya terjadi ketika pengguna melayang pointer mouse elemen.

Catatan: properti transitionDuration Selalu mengatur, jika durasi adalah nol, tidak akan menghasilkan efek transisi.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera dan dukungan Chrome properti transitionProperty.

Safari mendukung alternatif lain dari properti atribut bahwa properti WebkitTransitionProperty.

Catatan: Internet Explorer 9 dan versi sebelumnya tidak mendukung properti transitionProperty.


tatabahasa

Kembali sifat transitionProperty:

object .style.transitionProperty

Pengaturan properti transitionProperty:

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

Nilai properti

描述
none 没有属性会获得过渡效果。
all 默认值。所有属性都将获得过渡效果。
property 定义应用过渡效果的 CSS 属性名称列表,列表以逗号分隔。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: semua
Pengembalian: String mewakili atribut transisi-properti dari elemen.
versi CSS CSS3


Artikel terkait

CSS Referensi: Transisi-Properti


Gaya Referensi Obyek gaya Objects