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

HTML Resimler

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

YouTube Reklam Engelleyici

HTML5 Canvas Oyun Yapımı Dersleri

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Linklerin Renklerini Değiştirme Örnek

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma