Menambahkan Efek OnMouseOver Transparan Pada Gambar

kali ini gw mau share lagi tentang cara Menambahkan Efek OnMouseOver Transparan Pada Gambar.

Sepertinya engga perlu banyak basa-basi deh, langsung aja liat contohnya dibawah ini !!

Contoh OnMouseOver 1 ==>


Kode:

Apabila sobat blogger cuma pengen beberapa gambar aja yang diberi Efek OnMouseOver Transparan. Kalo sobat blogger pengen semua gambar yang ada di blog diberi Efek OnMouseOver Transparan, sobat blogger hanya perlu mengedit template dan tambahkan salah satu kode di bawah ini di atas kode ]]></b:skin>

======================================================

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

======================================================

Selamat mencoba.

Gabung neng Forum Purwokerto Community :