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 ;
Etiketler : CSS
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