TEKNOVE » CSS ile transparan resim

CSS ile transparan resim


Transparan resimler genelde photoshop’ta hazırlanır ve üzerine gelince transpan olmayan başka bir resmin görüntülenmesi gibi bir özellik verilir JavaScript ile uzun uzun. Oysa CSS ile bir kaç satır kodda bu işi tek bir resim üzerinde hiç resim düzenleme yazılımlarını kullanmadan yapabilirsiniz.

<style type=”text/css”>
.transparan img{
filter:Alpha(opacity=85);
-moz-opacity: 0.7;
}

.transparan:hover img{
filter:Alpha(opacity=100);
-moz-opacity: 1;
}
</style>

bu stil kodlarını aşağıda ki şekilde kullanabilirsiniz.

<a href=”http://www.teknove.com” class=”transparan”><img src=”http://www.fileden.com/files/2007/6/14/1176467/teknovebanner.jpg”></a>



Daha başka yazılar ;
  • Ajax ile resimleri yansıtma işlemi
  • Tarayıcılarda PNG sorunu için çözüm
  • Photoshopta yazıyı - logoyu yansıtma
  • Adobe’dan ücretsiz online Photoshop
  • Photoshopta resim yansıtma işlemi
  • Zavallı freelance web tasarım uzmanları
  • Photoshop dersleri Türkçe e-kitap
  • 2 Yorum

    • 1. CSS ile transparan resim &hellip replies at 6th Haziran 2008, 22:54 :

      [...] Transparan resimler genelde photoshop’ta hazırlanır ve üzerine gelince transpan olmayan başka bir resmin görüntülenmesi gibi bir özellik verilir JavaScript ile uzun uzun. Oysa CSS ile bir kaç satır kodda bu işi tek bir resim üzerinde hiç resim düzenleme yazılımlarını kullanmadan yapabilirsiniz. (more…) [...]

    • 2. CSS ile transparan resim &hellip replies at 6th Haziran 2008, 22:54 :

      [...] Transparan resimler genelde photoshop’ta hazırlanır ve üzerine gelince transpan olmayan başka bir resmin görüntülenmesi gibi bir özellik verilir JavaScript ile uzun uzun. Oysa CSS ile bir kaç satır kodda bu işi tek bir resim üzerinde hiç resim düzenleme yazılımlarını kullanmadan yapabilirsiniz. (more…) [...]

    Yazan eller dert görmesin inşallah

    Bu taglari kullanabilirsin : <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <em> <strong>


    Etiketler :