隨便看網頁任一處,有連結的地方,
滑鼠滑過去是不是有下壓的效果阿?
其實只是利用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; /*左*/
arrow
arrow
    全站熱搜

    薇朵兒❤朵貓貓 發表在 痞客邦 留言(0) 人氣()