Tutorial Blog








Chatbox







Ask fm

You can request here
Please check that you've log in into your account
No ask fm account ? Right your name and URL blog


Credit





Design by Dirah .
Helped by Tiqah , Wana , Qistina , Afiqah Colour codes.
Used by Me
Tutorial : Image Hover *2
Friday 2 August 2013 | 15:27 | 4000 comments





Assalamualaikum..nie tuto ke-2 dirah pade pagi yang gile II pagi..: 6.18 a.m. .. k..image hover yg kedua nie..die awal II cam nie:


 *jelas dan tidak melengkung*


pastu bila kita hover.jadi cam nie:

*tidak jelas dan melengkung..*

TEMPLATE DESIGNER/BLOGSKIN
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Press Ctrl + f serentak dan cari code /* Header----------------------------------------------- */
3. Kemudian, copy code dekat bawah ni

 img {
border-radius:10px;
opacity:13.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:130px;
opacity:0.3;
-webkit-transition-duration:2.5s;
}

4. Paste di bawah code tadi
5. Preview & save

korang boleh tuko yg dirah kalakan tuh :

merah : border
oren   : kekaburan (0.9 ---> 0.0) / kejelasan (1.0 --> 99.9)
hijau  : masa effect

Labels: , , ,