Membuat Mouseover Effect (Gambar Transparan)

Pagi - pagi gini bangun tidur enaknya posting lagi hehe, tapi bingung mau posting apa,  Oya gimana kalo kita Membuat Mouseover Effect, udah ada yang tahu, Jika belum Coba temen - temen lihat images bendera dengan gambar transparan jika mose melewati gambar tersebut, maka  gambar akan langsung berubah menjadi transparan images bendera terletak diatas shoutbox, nah itu hasilnya. Pembuatanya kita memanfaatkan propertis CSS Image Opacity, tapi sayang ada beberapa browser yang tidak  berfungsi dengan teknologi ini.

Dibawah ini adalah contoh image yang diberi efek  mouseover effect (redup ke lebih terang)



Berikut script Membuat Mouseover Effect :

<img src="Url Gambar Anda" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Sederhana bukan, selamat mencoba.