Tutorial : Gambar Menjadi Pudar Bila Cursor Menyentuh

Cuba korang tengok gambar kat bawah...
Yg kiri terang dan yg kanan nampak pudar sikit kan...
Tp kalau korang letak cursor.. mesti kabur gambar bawah ni...
Hehehe...


Design > Page Elements > Add a Gadget > HTML/Javascript

Masukkan code dibawah ke HTML/Javascript


<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
 opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
 filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>

Klik Save

***Selamat Mencuba***
Previous
Next Post »

5 Komen

Write Komen
Deq's Qienz
AUTHOR
Sabtu, Jun 02, 2012 10:34:00 PG delete

aloloo..cm best totu nihh..ma kaseh ya :))

Reply
avatar
Yumida
AUTHOR
Sabtu, Jun 02, 2012 10:51:00 PG delete

oooo...patut la...mek lalu kt pic ktk alu pudar..ada rahsia duhal

Reply
avatar
dyabunga
AUTHOR
Sabtu, Jun 02, 2012 1:33:00 PTG delete

thanks 4 da tutorial..hihi

Reply
avatar
Sabtu, Jun 02, 2012 1:59:00 PTG delete

udah trg kenak mok kabur gik?? hihi

Reply
avatar
Masz Sidek
AUTHOR
Sabtu, Jun 02, 2012 2:22:00 PTG delete

@ Deq's Qienz : sama2... :))

@ Yumida : hehehe... rahsia di sebalik gamba...

@ dyabunga : sama2 dya...

@ ~sweet Honesty~ : computer opis kmk gelap sikit.... gamba kabur tok kira membantulah... hehehe

Reply
avatar

[PENAFIAN] : www.mreena.com dan pemilik blog ini secara khusus tidak akan bertanggungjawab terhadap apa juga liabiliti, kerosakan, kehilangan, kerugian atas risiko, peribadi mahu pun sebaliknya yang berlaku akibat, secara langsung atau tidak langsung daripada penggunaan dan aplikasi, daripada apa juga kandungan yang diperolehi dari blog ini.

Pemilik blog juga tidak akan bertanggungjawab sama sekali terhadap komen-komen yang di siarkan dan ianya adalah tanggungjawab penulis komen itu sendiri.
ConversionConversion EmoticonEmoticon