tutorial : link hover

hye...korang sume msty nk wat
mcm elin punyew nye kn....
biar elin ajr caranye...step by step...

1. Dari dashboard > design > edit html

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;
}
sebelum

a img {
border - width : 0 ;
}

selepas

a img {
-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;
}

4.save dan lihat hasilnya...

No comments:

Post a Comment

orang yang last comment kat blog nye,
orang tu yang paling cute <3