CSS opacity Özelliği

CSS opacity

Örnek:

Bu örnekte farklı div elemanlarına farklı opacity değerleri verilerek etkileri örneklendiriliştir.

div { background-color: pink; opacity: 0.7; filter: Alpha(opacity=70); margin: 30px; }

CSS opacity nedir nasıl kullanılır

Donukluk özelliği bir eleman için opaklık düzeyi belirler .
Donukluk seviyesi 0.5 % 50 yarı saydam ve 0 tamamen saydam , 1 hiç şeffaf olmayan şeffaflık düzeyinde olduğunu gösterir.

CSS opacity CSS opacity özellikleri  
Varsayılan Değer: 1  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript opacity: object.style.opacity="0.75"

CSS opacity Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarıdır.

CSS Kodu:
opacity 4.0 9.0 2.0 3.1 9.0

CSS opacity Değerleri

opacity:number|initial|inherit;

CSS opacity özelliği değerleri

CSS opacity değerleri CSS opacity değerleri tanımları CSS örnek uygulamalar
number Girilen sayı değerine göre saydamlık değeri oluşturulur. "0.0 ile 1.0 değerleri arasında sayılar girilmelidir."
initial Özelliğin varsayılan halidir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Bu blogdaki popüler yayınlar

Linklerin Renklerini Değiştirme Örnek

HTML Element Referansları

HTML main Etiketi

HTML yorum etiketi ile öğe gizleme örneği

Html dersleri

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği