Teknove – Teknoloji Haberleri

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>