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

“Css Opacity komutu” üzerine 8 yorum

  1. {
    filter: alpha(opacity=Değer); —->İnternet Expolar 7 İçin

    -ms-filter: “alpha(opacity=Değer)”; —->İnternet Expolar 8 İçin

    -moz-opacity: .Değer; —->Mozilla Firefox İçin

    –khtml-opacity: .Değer; —->Safari İçin

    }
    Bunlarda Diğer Tarayıcılarda kullanabilirsin….. Konu İçin Sağol… İyi Çalışmalar…

  2. bu işlemi yaparken notepad++ ile başaramıyorum 🙂 dreamweaver ile daha pratik oluyor

    yazı için teşekkürler.

hakanb için bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir