Membuat efek fokus pada gambar dengan CSS

byNicht Menschen - 2

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjShLwp3L8d6CSPALQ9K02KqCRBSWOea7NgYfZXzgaqk518rjknT1A5Cpm9YaWQPrzZuUCDYf6uX0x-jkiLGDlU39AoFWU378aZqJfMwLts4DojSLf9NEo9bg5oOnHXes5LSzJ-t0XLkojR/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 :

Tags

Diposting oleh Nicht Menschen

2/Post a Comment/Comments

  1. Multi Tehnik10 Mei 2015 pukul 23.21

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

    BalasHapus
    Balasan
    1. Cahya Dyazin10 Mei 2015 pukul 23.24

      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