Cara membuat Efek Mouseover Pada Gambar Di Blog

Cara pertama gambar redup menjadi terang:

<img src="URL gambar" 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" />

Cara pertama gambar redup menjadi terang:

<img src="URL gambar" border="1" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

Cara ketiga yaitu membuat semua gambar di postingan Anda secara otomatis mempunyai efek mouseover yaitu menggunakkan kode CSS berikut :

Letakkan kodenya sebelum kode ]]></b:skin>


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

0 komentar:

Posting Komentar

 
Copyright © danisatya-st