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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

Kriptopara nasıl alınır ve nereden alınır?

Javascript Oyun Yapma Dersleri HTML5+CSS3

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği