Tutorial: Image Border and Hover

| On
9:59:00 AM

good morning evelibody! pepagi yg segar bugar nie Amni nak buat tutorial Image Border and Hover..
korang tau ke ape tu image border and hover??

 kalau korang tak tau, cuba tgk dekat gambargambar dkt sidebar Amni, semua tak berbentuk petak kan?
 ha, kalau korang nak buat macam tu, jom Amni ajarkan!!

1. Dashboard >Design > Edit HTML
2.Tekan Ctrl+F dgn serentak. then, cari perkataan /* Header
3. Dah jumpa? pastekan code kat bawah nie, sebelum /* Header

img { filter: alpha(opacity=100); opacity: 6; }
img:hover { filter: alpha(opacity=75); opacity: 7; -webkit-transition: 0.5s; }
img {
-webkit-transition: 0.5s;
border-radius: 12px;}

*korang boleh tukar yg Amni boldkan tu..

4.Save. Dan lihatlah hasilnya..

-Selamat Mencuba-


Be First to Post Comment !
Post a Comment