Membuat Image / Gambar Blur Saat Disorot Mouse

Mungkin anda pernah menemukkan gambar saat di sorot mouse seketika gambar tersebut berubah menjadi blur / samar-samar, sekarang ini juga anda pun bisa membuat trik tersebut.

Silahkan arahkan mouse anda di gambar ini,


Atau arahkan disini


Arahkan kesini juga


Kodenya seperti ini
<img src="http://url gambar" nomouseover="this.style.opacity=0.2" onmouseout="this.style.opacity=0.5"/>

Nah anda hanya perlu memakai script seperti yang saya cetak merah tersebut. Kalau yang berwarna biru itu tingkat samar warna tersebut, jadi misalkan pakai 0.1 berarti gambar benar-benar blur. Semoga bermanfaat...