Style transitionProperty özelliği

Tanım ve Kullanım

transitionProperty Geçiş etkisinin hedef aldığı CSS özellik adını belirler (geçiş etkisi, belirtilen CSS özelliğinde değişiklik olduğunda başlar).

İpucu:Kullanıcı elementin üzerine fareyi getirdiğinde genellikle geçiş etkisi ortaya çıkar.

Yorum:Her zaman belirtin transitionDuration özelliğiaksi takdirde süresi 0 olacaktır ve geçiş geçersiz olacaktır.

Ayrıca bakınız：

CSS Referans Kılavuzu：transition-property özelliği

Örnek

Div elementinin üzerine fareyi getirerek genişlik ve yüksekliklerini yavaşça değiştirin：

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

Kişisel olarak deneyin

Sözdizimi

transitionProperty özelliğini döndürmek：

object.style.transitionProperty

transitionProperty özelliğini ayarlamak：

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

Özellik değeri

Değer Açıklama
none Geçiş etkisine sahip özellik yoktur.
all Öntanımlı değer. Tüm özellikler geçiş etkisine sahiptir.
property Geçiş etkisinin tanımlanan CSS özellik adlarının listesi, virgülle ayrılmıştır.
initial Bu özelliği öntanımlı değerine ayarlar. Ayrıca bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Ayrıca bakınız inherit。

Teknik Ayrıntılar

Öntanımlı değer： all
Dönüş değeri： dizgi,元素的 transition-property özelliği。
CSS Sürümü： CSS3

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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