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" />
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.
Belum berminat? tak apa 😊 bantu kami dengan membagikan link ini ke teman, siapa tahu, justru mereka sedang mencari ini!
