ZamazinGo Forum Ana Sayfa ZamazinGo

 
 SSSSSS   AramaArama   Üye ListesiÜye Listesi   Kullanıcı GruplarıKullanıcı Grupları   KayıtKayıt 
 ProfilProfil   Özel mesajlarınızı kontrol etmek için giriş yapınÖzel mesajlarınızı kontrol etmek için giriş yapın   GirişGiriş 

CSS ile Transparan resimler.

 
Yeni başlık gönder   Başlığa cevap gönder    ZamazinGo Forum Ana Sayfa -> CSS
Önceki başlık :: Sonraki başlık  
Yazar Mesaj
TRX
Yönetici
<i><font color=darkred>Yönetici


Kayıt: 10 Ağu 2006
Mesajlar: 699
Konum: Yalova
MesajTarih: Çrş Tem 23, 2008 6:13 am    Mesaj konusu: CSS ile Transparan resimler. Alıntıyla Cevap Gönder

Only registred user can see link on this forum!
Registred or Login on forum!

yazmış:
Çoğu zaman Photoshop' ta yaptığımız bir işlem vardır. "Opacity" Bu özellik sayesinde resimlerimize şeffaflık kazandırırız. Peki bu işlemi Web Tasarımda Photoshop' a gerek duymadan sadece CSS ile nasıl yapabiliriz. Bu derste yayınlanacak kodlar ile bu işlemin çok pratik şekilde yapıldığını ve ekstra olarak ise transparanı (Opacity=Şeffaflık) düşük bir resmin üstüne geldiğimizde nasıl eski haline döndüğünü göreceksiniz.

CSS kodları.
Kod:
    <style type="text/css">
    <!--
    /* aşağıda 80 yazan bölüm yüzde bazında resmin alacağı şeffaflık değeridir */
    .transparan img{
        filter:Alpha(opacity=80);
        -moz-opacity: 0.4;
    }
    .transparan:hover img{
        filter:Alpha(opacity=100);
        -moz-opacity: 1;
    }
    -->
    </style>

Kullanımı:
Kod:
<a href="#" class="transparan"><img src="resim.jpg" border="0" id="foto"></a>




Kaynak ;
Only registred user can see link on this forum!
Registred or Login on forum!


_________________

Only registred user can see link on this forum!
Registred or Login on forum!

: Her Zaman Fark Yarat!

Only registred user can see link on this forum!
Registred or Login on forum!

: Feel The Difference �

Only registred user can see link on this forum!
Registred or Login on forum!

: ForumUp Türkiye Destek sitesi

Only registred user can see link on this forum!
Registred or Login on forum!

: Farkın Farkına Varın Farklı Olmanın Tadına Varın


(!)TatLım..! oRaLrda beNdeN yok bİ düŞünSen anLarSın..! BuraLrda seNden çOk..! Bi göRseN şaŞaRsıN..
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
Önceki mesajları göster:   
Yeni başlık gönder   Başlığa cevap gönder    ZamazinGo Forum Ana Sayfa -> CSS Tüm zamanlar GMT +2 Saat
1. sayfa (Toplam 1 sayfa)

 
Geçiş Yap:  
Bu forumda yeni başlıklar açamazsınız
Bu forumdaki başlıklara cevap veremezsiniz
Bu forumdaki mesajlarınızı değiştiremezsiniz
Bu forumdaki mesajlarınızı silemezsiniz
Bu forumdaki anketlerde oy kullanamazsınız



Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Turkey & Erdem Çorapçıoğlu

Abuse - Report Abuse
Powered by forumup.org forum gratis free, create open your free forum!
Created by Raulken of Hyarbor S.r.l.
TOS & Privacy.

Page generation time: 0.04