Tutorial : Image Hover *2
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: hover, image, image hover, tuto
Tutorial : Image Hover *2
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: hover, image, image hover, tuto
|