13 January 2012

Tutorial | Link Hover With Shadow Effect |



Untuk link hover ini korang akan nampak link korang ada shadow effect dan bergerak ke kanan. Bila cursor pergi dekat link, maka akan ada shadow link yang pergi ke tepi


1) Tekan CTRL + F dan search kod ini
a:hover {
2) Copy kod ini dan paste selepas kod a:hover {

color: transparent;
text-shadow: 10px 0px 1px #625D5D ;
-webkit-transition: .5s;
-moz-transition: .5s;
kod merah = warna bagi shadow effect boleh tukar kat sini 

3) Preview dan Save

4) Kalau tiada kod a:hover {, cari kod ]]></b:skin> 

5) Pastekan kod ini sebelum kod ]]></b:skin> 
a:hover {
color: transparent;
text-shadow: 10px 0px 1px #625D5D ;
-webkit-transition: .5s;
-moz-transition: .5s;
Terima kasih sudi baca. Like kalau suka
>
 
copyright by > Cikelyana