リンク部分の文字揺れ

カーソルを重ねてみてね♪

↑こんなカンジでマウスカーソルを重ねると文字が動きます。
　画像を使わなくてもロールオーバー風効果♪


↓のソースを＜HEAD＞〜＜/HEAD＞の間に貼り付けて下さい。

<STYLE type="text/css"> <!-- A:HOVER{ position : relative; top:3px;　left:3px;} --> </STYLE>

数字を大きくするほど動きも大きくなります。
top=上方向から下方向に動く
left=左方向から右方向に動く

leftからrightに変えれば逆方向に動くので試してみてね！



↓下線部分を取りはずして動きだけ欲しい場合のソース

<STYLE type="text/css"> <!-- A:HOVER{ position : relative; top:3px;　left:3px;} A{text-decoration : none; } --> </STYLE>

※とすると下線のみ消したい場合はこうですね♪

<STYLE type="text/css">
<!--
A{ text-decoration : none; }
-->
</STYLE>

色んな組み合わせでさまざまなバリエーションがあるので
その他の『リンクあれこれ』も見てみて下さいね♪