Style transitionProperty Property

yavaş yavaş genişliğini ve yüksekliğini değiştirmek için bir div öğesi üzerine gelme:

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

Tanımı ve Kullanımı

transitionProperty mülkiyet geçiş efekti içindir CSS özelliğin adını belirtir (geçiş efekti, belirtilen CSS mülkiyet değişiklikleri başlayacak).

Tip: zaman bir geçiş etkisi tipik olarak ortaya çıkabilecek bir eleman, bir kullanıcı üzerine gelme.

Note: Her zaman transitionDuration özelliği belirtin aksi süresi 0 olduğu ve geçiş hiçbir etkisi olmayacaktır.

transitionProperty özelliği Internet Explorer 10, Firefox, Opera ve Chrome desteklenir.

Safari alternatif, WebkitTransitionProperty özelliğini destekler.

Not: transitionProperty özelliği Internet Explorer 9 ve önceki sürümlerde desteklenmez.

transitionProperty özelliğini Dönüş:

object .style.transitionProperty

transitionProperty özelliğini ayarlayın:

object .style.transitionProperty="none|all| Mülkiyet Değerler

değer	Açıklama
none	Hiçbir özelliği bir geçiş efekti alacak
all	Varsayılan değer. Tüm özellikler bir geçiş efekti alacak
property	Geçiş etkisi için CSS özellik adlarının virgülle ayrılmış bir listesini tanımlar
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Varsayılan değer:	herşey
Geri dönüş değeri:	bir elemanın geçiş özelliği, özelliği temsil eden bir String,
CSS Sürüm	CSS3