Css Opacity komutu

Css’de Opacity komutu

Sitelerimize görsellik ve güzellik katmak için artık opacity vazgeçilemez bir komut gibi geliyor bizlere sebebi ise her türlü tarayıcıda sorunsuz çalışması ve hiç uğraşmadan en ufak bi kare veya listelenen menulere saydamlık özelliğini katması.

Bu makalede opacity komutunun nasıl kullanıdğını göstereceğim  herhangi bir resim üzerine gelince resim hareketlensin.

Aycanb.css dosyamızı yazıyoruz

Burada margin:0px auto; komutu ile div’i ortalıyoruz
resim a{} divi ise resim divinin içindeki <a>  etiketinin özelliklerini belirtiyor
resim a:hover{} divi ise resim divindeki a tagının üstüne gelince olacakları gösteriyor.

opacity komutu ise 0.4 değerinde saydam iken a:hover class tanımlamasında 0.4 değerini 1 yaptık ve resimin orjinal tonmalasını gösterdik

Şimdi index.html sayfamızı düzenliyoruz

Demo :
Opacity

Güncellenme tarihi:  16 mayıs 2010