Terlepas entri yang lain? Jom baca entri ini..

Friday, July 6, 2012

Tutorial : Link Hover shadow dan bergerak ke tepi.

...Assalamualaikum...

iklan jap: 


Nak tahu cara buat Link Hover ada shadow dan bergerak ke tepi?
tak tahu macam mana? 


macam gambar atas nie la.. 
bila disentuh, jadi macam link 'malam nisfu syaaban' tu..
cute kan?

1) Dashboard > design > edit HTML > tick expand widget

2) Tekan CTRL + F dan search kod ini
 a:hover {
3) Copy kod ini dan paste selepas kod  a:hover {
color: transparent;
text-shadow: 10px 0px 1px #F535AA ;
-webkit-transition: .5s;
-moz-transition: .5s;
}
   biru : warna shadow.. boleh tukar di sini

4) Preview dan Save

 5) Kalau tiada kod a:hover {, cari kod 
]]></b:skin>
6) Pastekan kod ini sebelum kod ]]></b:skin>
a:hover {
color: transparent;
text-shadow: 10px 0px 1px #F535AA ;
-webkit-transition: .5s;
-moz-transition: .5s;
}

 note: jadi tak? 
Post a Comment
Related Posts Plugin for WordPress, Blogger...



Copyright © 2012 and Designed by Eiqa Azra