Style transition Property

yavaş yavaş onun görünümünü değiştirmek için bir div öğesi üzerine gelin:

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

Tanımı ve Kullanımı

Geçiş özelliği, dört geçiş özellikler için bir kestirme bir özelliktir:

transitionProperty, transitionDuration, transitionTimingFunction ve transitionDelay.

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

Geçiş özelliği Internet Explorer 10, Firefox, Opera ve Chrome desteklenir.

Safari alternatif, WebkitTransition özelliğini destekler.

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

Geçiş özelliğini Dönüş:

object .style.transition

Geçiş ayarlama özelliği:

object .style.transition=" Mülkiyet Değerler

değer	Açıklama
transitionProperty	geçiş efekti içindir CSS özelliğinden adını belirtir
transitionDuration	geçiş efekti tamamlamak için kaç saniye veya milisaniye belirtir
transitionTimingFunction	geçiş etkisi hız eğrisi belirtir
transitionDelay	geçiş efekti ne zaman başlayacağı 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:	Tüm 0 kolaylığı 0
Geri dönüş değeri:	Bir elemanın geçiş özelliği temsil eden bir String,
CSS Sürüm	CSS3