Little Cute Girl
Disclaimer
Sweet Owner

Sarah-Terengganu,Malaysia
13 y/0
Hello to all of the  かわい人 ! Enjoy my tutobies along with my story. You can leave your footsteps in the cbox below. Follow me if you think my blog is cute! LOL XD


Menu
Blueiy Button
POST CBOX


Click the word above! Don't forget to leave your footprints in the cbox!



Followers
My Friends

Credits
Leg's Note
Template 100% made by Atin Tory. This blog is edited and own by AzuNyan. Thanks a lot to C U T E for helping me.
Tutorial : Image Hover #10
Friday, May 17, 2013 | 4:27 AM | 0 comments


Konbanwa! Setelah penat join giveaway banyak2 hari nih..saye nk buat tuto laa plak..bosan jugak asyik join giveaway je..kekeke..ok..image hover kali ni lain daripada yg lain skit! Kekeke..gurau je..takdelaa sampai macam tu..bila korang halakan cursor kat gambar, akan ade border kat belakang gambar tuh..tak paham? Tekan LIVE PREVIEW kat bawah tuh..btw..preview and tutor are credit to AtinTory.
LIVE PREVIEW

1. Dashboard>Template>Edit Template HTML.
2. Tekan Ctrl+F and cari code </style>.
3. Then, copy code kat bawah.

img{
background:transparent:
box-shadow:inset 0 0px 0px #FCDFFF;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
padding:5px;
border:1px solid #FFE8E8;
}
img:hover{
box-shadow:inset 260px 0px 1px #FCDFFF,
inset -260px 0px 1px #F9B7FF;}

4. Paste di atas code </style>.
5. Preview & Save.




Older Post | Newer Post