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 :

2/Post a Comment/Comments

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

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

      Hapus

Posting Komentar

Lebih baru Lebih lama