Sitelerimize gorsellik ve guzellik katmak icin artık opacity vazgecilemez bir komut gibi geliyor bizlere sebebi ise her turlu tarayıcıda sorunsuz calışması ve hic uğraşmadan en ufak bi kare veya listelenen menulere saydamlık ozelliğini katması.

Bu makalede opacity komutunun nasıl kullanıdğını gostereceğim herhangi bir resim uzerine gelince resim hareketlensin.

Aycanb.css dosyamızı yazıyoruz

.resim
.resim a
.resim a:hover

Burada margin:0px auto; komutu ile div ’i ortalıyoruz
resim a divi ise resim divinin icindeki etiketinin ozelliklerini belirtiyor
resim a:hover divi ise resim divindeki a tagının ustune gelince olacakları gosteriyor.

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ı gosterdik

#############################
Şimdi index.html sayfamızı duzenliyoruz










Demo :



Demo sayfası arkadaşlar:
Aycan.Net - Aycan BULBUL

———————————————————

Bu makale Aycan.net tarafından yazılmıştır. Link gostermeden yayımlamak YASAKTIR.
Css ’de Opacity komutu - Aycan.net | Kişisel bişiy
———————————————————