CSS transition-property özelliği

Tanım ve kullanım

transition-property özelliği, geçiş etkisinin uygulanacağı CSS özellik adını tanımlar. (Belirtilen CSS özelliği değiştiğinde, geçiş etkisi başlar).

İpucu:Geçiş etkileri genellikle kullanıcı fare işaretçisini elemente getirdiğinde gerçekleşir.

Yorum:Her zaman transition-duration Özellik, aksi takdirde süresi 0 olursa, geçiş etkisi oluşturulmaz.

Ayrıca bkz:

CSS eğitim:CSS Geçiş

HTML DOM referans el kitabı:transitionProperty özelliği

Örnek

Fare işaretçisini div öğesine getirin, bu da element genişliğinin yumuşak bir değişimle geçiş etkisi oluşturur:

div {
  transition-property: width;
}

Kişisel olarak deneyin

CSS dilbilgisi

transition-property: none|all|property;

Özellik değeri

Değer Açıklama
none Geçiş etkisine sahip olacak özellik yoktur.
hepsi Bütün özellikler geçiş etkisine sahip olur.
property Uygulama geçiş etkisinin CSS özellik adlarını içeren liste tanımlar, virgülle ayrılır.

Teknik ayrıntılar

Varsayılan değer: hepsi
Devralabilirlik: hayır
Sürüm: CSS3
JavaScript dilbilgisi: nesne.style.transitionProperty="width,height"

Tarayıcı desteği

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

İlk sürüm olarak -webkit-、-moz- veya -o- ile başlayan rakamlar kullanımı için önekleri gösterir.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-