Sunday, September 8, 2013

Membuat efek fokus pada gambar dengan CSS


Okey sekarang saya akan sharing tentang bagaimana trik membuat efek focus pada sebuah gambar dengan menggunakan CSS.

Langsung saja ya, coba sekarang anda salin kode dibawah ini, lalu cek di browser !


<img src="http://3.bp.blogspot.com/-XpjXfFUvdMY/Uix72leomnI/AAAAAAAAAuY/MXjgHTVJQkM/s1600/css-tricks.jpg" 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"/>
Catatan : Ganti tulisan yang warna merah dengan gambar yang anda inginkan.

Demo :

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.

2 komentar

lebih manteb lagi kasih video tutorialnya mas.. biar tambah paham untuk memahaminya .. :)

haha makasih sarannya :)
udah lama juga artikel saya ga pernah di perbaharui, udah banyak link atau pun demo yg error hihii
#maaf :)


EmoticonEmoticon