assalammualaikum, hello semua :D
okay harini, petang ni, nak buat tutorial sikit. klau korg lalukan cursor kat gambar dalam blog ak ni, or icon, macam ada shadow warna biru kan? contoh mcam dalam gambar kat bawah ni -->
ni sebelum korang lalukan cursor. dah lalukan cursor automatik dia akan jadi mcamni kan?
okay mcamane nak buat tu? okay senang je.
- dashboard > design > edit html > tick expand widget
- ctrl + F (serentak) cari kod /*Headings atau /*Header lepastu copy kod kat bawah ni, dan paste kan SEBELUM kod kat atas ni
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;
}
-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;
}
*yg kod macamni tu #FF66CC tu colour utk efect bila dlalukan cursor. korang boleh tukar ikut kesesuaian warna blog korang or warna yg korang suka k.
*nak cari code colour tu boleh cari kat SINI
3. kalau dah siap, preview dulu klau dah puashati tekan save.
4. siap! senang kan^^
p/s ; kalau dah jadi or tak jadi, coment kat bwah ni k :)
No comments:
Post a Comment