Cara Membuat Efek Gambar Dengan Mouse Over

Efek yang saya maksud di sini adalah saat cursor mouse berada di gambar,gambar tersebut akan memudar dan sebaliknyapun bisa. kalau bingung langsung saja lihat contohnya di bawah ini :

bingung juga, saya mo jelasinnya kayak bagaimana,,hehehe


Contoh 1:

Contoh 2:


Bagaimana,udah ngerti kan maksud saya??
Ini Dia Kodenya :

Contoh 1 :

<img onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=60" src="https://lh5.googleusercontent.com/-uDPgfuMHEUk/TepPxPZi4HI/AAAAAAAAB8g/kOsUYC718ac/Tutorial_TIK-PTD-3.png" style="opacity: 1;" />

Contoh 2 :
<img onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="https://lh5.googleusercontent.com/-uDPgfuMHEUk/TepPxPZi4HI/AAAAAAAAB8g/kOsUYC718ac/Tutorial_TIK-PTD-3.png" style="opacity: 0.4;" />


  • Angka yang berwarna Merah adalah tingkat Keburamannya ,jika ingin silahkan ganti sesuai keinginan anda.
  • sedangakan untuk yang berwarna Hijau gaanti dengan Url gambar anda.

Sekian dulu dari saya
Wassalam

0 komentar:

Posting Komentar