隨便看網頁任一處,有連結的地方,
滑鼠滑過去是不是有下壓的效果阿?
其實只是利用CSS的位移產生的視覺效果。

放在<head>和</head>之間
<style type="text/css">
<!--
a:hover{ position:relative; top:1px; left:1px;}
-->
</style>

就是利用中間藍紫色那行啦,
意思是說,當滑鼠滑過的時候,字體往上往左各移1個像素,
看起來就有移動的感覺,簡單吧。

位移的方向以下都可以運用:
right:1px; /*右*/
bottom:1px; /*下*/
top:1px; /*上*/
left:1px; /*左*/

Posted by 薇朵兒❤朵貓貓 at 痞客邦 PIXNET Guestbook(0) 人氣()