Membuat Gambar Transparan, Mouseover Effect

23.13 ---
Membuat Gambar Transparant ini maksudnya gambar yang semula redup menjadi terang atau sebaliknya gambar yang semula terang menjadi redup. Cara ini hanya mneggunaka sedikit sentuhan CSS Image Opacity. Untuk melihat contohnya silahkan lihat ke bawah.

Untuk gambar dari redup ke 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" />

Untuk gambar dari terang ke redup.



<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"/>
Diposting oleh Aldy di 23.13
Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)