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

放在<head>和</head>之間

<style type="text/css">
<!--
a:hover{ position:relative; top:1px; left:1px;}
-->
</style>

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

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


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 薇朵兒❤朵貓貓 的頭像
    薇朵兒❤朵貓貓

    薇朵兒✦朵貓貓藏私角

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

    E-mail轉寄