Program Yapmak | Programcılık Hakkında Her Şey | VİSUAL BASİC 6.0 | C, C++ ve C# Yazılım Dilleri | VB.NET Yazılım Dili

Onemli CSS Dersleri

CSS ile Transparan Resimler
Ç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ı: Sayfanızın <head></head> tagları arasına yapıştırın
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: tr.gg/forum
Sincan Laptop tamiratı ile alakalı içeriklerin bulunduğu web siteden bilgilere ulaşabilirsiniz. Sincan'da laptop tamiratını en iyi yapan yerleri sorgulayabilirsiniz. Cihan KOÇ
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=