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;" 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.
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;" 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.
0 komentar:
Posting Komentar
Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..