11 November 2012

Efek Mouseover pada Gambar

ads


Efek Mouseover pada gambar Blog


Dari Redup ke terang Bila di Sentuh 
Kode HTML nya 
<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" />
*Ganti URL Gambar dengan URL gambar Anda. 
================= 

 Dari terang ke Redup Bila di sentuh 
Kode HTML nya 
<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"/>
*Ganti URL Gambar dengan URL gambar Anda. 
 ============ 

Cara terakhir yaitu membuat semua gambar di postingan Anda secara otomatis mempunyai efek mouse over 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}
Nah sampai di sini dulu yaa, semoga berhasil, 

http://www.sodiycxacun.web.id/2010/08/cara-membuat-efek-mouseover-pada-gambar.html

Efek Mouseover pada Gambar Rating: 4.5 Diposkan Oleh: kreasi

 

Top