CSS3 de opacity kodu şeffaflık derecesini ayarlamamızı sağlar.




img    
{       
/* Transparanlık oranı 40% */ 
      opacity: 0.4;       
 /* IE8 ve aşağısındaki tarayıcılarda sorun çıkmaması için */       
filter: alpha(opacity=40);    }
Yukarıda iki kez %50 olduğunu gösterdik. İlk şeffaf kodumuz bütün tarayıcılar için geçerlidir. Fakat İE8 de gözükmez.
Bunu düzenlemek için ikinci bir kod yazdık gördüğünüz gibi.

Fare ile Resimin Üzerine Geldiğinde Şeffaflığını Değiştirmek


img.stil { opacity: 0.5; filter: alpha(opacity=50); }
img:hover.stil { opacity: 1.0; filter: alpha(opacity=100); }


Buyrun arkadaşlar buda hazırlamış olduğum bir demo.
Demoya gitmek için tıklayınız.