CSS opacity

Tanım

  • Eklenen öğelere saydamlık/şeffaflık vermek için kullanılır.
  • Saydamlık verilen öğenin içinde yer alan çocuk öğelerde saydamlık özelliğine sahip olacaktır.

 

Yazım Kuralı

opacity: 0-1 arası değer

 

Giriş

.normaldiv{
   width:100px;
   height:100px;
   background:orange;
}

.sefafdiv{
   width:100px;
   height:100px;
   background:orange;
   opacity:0.5;
}

 

Çıkış

.normaldiv

 

.sefafdiv