You have stepped into Yong Hwa's fan kingdom!
Little Gendut
Shadow effect ketika cursor dilalukan pada gambar
Jumaat, 29 Julai 2011 | Jumaat, Julai 29, 2011 | 0 comments
Satu kemestian bagi sesebuah blog mempunyai gambar di dalamnya. Tidak kira dalam entri atau di bahagian lain. Dan lebih menarik jika gambar yang anda letakkan memberikan sedikit kesan khas apabila anda lalukan cursor padanya.



Anda boleh lihat kesannya secara real di test blog ini.:)



Tutorial untuk membuat kesan khas pada gambar ini adalah seperti berikut.


1. Dari dashboard > design > edit html
(backup template untuk langkah berjaga¬≤)

2. Dengan menggunakan fungsi find (ctrl + F), cari kod a img {

3. Delete kod selepas a img {, dan gantikan kod di bawah.



 -webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);opacity: .6;border-radius:20px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;}
Note:
Anda boleh mengubah warna hover effect. Default warna pink (warna kegemaran kaum hawa ni.:).
Kalau hendak tukar warna lain, tukarkan FF66CC dalam kod di atas dengan kod warna yang anda suka. 

(kod warna lain boleh rujuk di sini)Hehehe...

Older Post | Newer Post
Annyeong!



Annyeong everyone. You've just enter my dungeon. Hehe, lol. This blog was desgined use blogskin.So, I can't put the join the this site button if u want to follow me.Just follow if u want. But please leave your kittensteps at my shoutbox!

Let's Talk

ShoutMix chat widget

Credit
Template by : Jaja
Background by : FPA

Navigations Here

About Stuffs Entries