Gambar Transparan Pada Saat Mouseover

Nih, kemaren ada temen yang nanya, cara bikin Deidara terbang tuh gimana Trus kalo dideketin bisa transparan gitu?.
Nah sob, sori aru kejawab sekarang, Coz sibug banget,,
Nah, contohnya pertanyaan tadi tuh yang ini:



Kalo dideketin langsung transparan, Cara bikinnya?
Klik Read More untuk melanjutkan...


Dari "Jelas" Ke "Transparan"
Kalo dari jelas ke transparan, contohnya kayak gini:



Tuh bikinnya kayak gini:
<img src="URL GAMBAR KAMU" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" />

Dari "Transparan" Ke "Jelas"


<img src="URL GAMBAR KAMU" style="opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />

Untuk mengatur transparansi gambar, kamu tinggal ubah aja angka 50 dan 0.5 diatas, semakin besar nilainya. semakin jelas gambarnya,
untuk this.style.opacity , nilai yang dimasukkian berupa angka decimal, dari 0 sampai 1.
untuk yang this.filters.alpha.opacity menggunakan angka dalam persen, antara 0 sampai 100
Okeh,,
Sory yach,, penjelasannya agak mbulet ruwet coz ni buru-buru nulisnya,,
Bye,,,
Comments

4 comments:

  1. wah keren tutornya dark ^0^ :g:
    moga yg lain jd ngerti n ngikutin ^_^



    Miss Rinda - Personal Blog

    ReplyDelete
  2. bingung euy.... :g:

    pingin yg kayak deidara naek burung jadi transparan caar nya gimana ?

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other