Kowaza Source

　リンクに触れた時に、文字を動かす

リンクを貼った文字にカーソルが触れると、ぽこっと文字が動きます。
画像のリンクでも出来ますよ。

サンプル1	<style type="text/css"> <!-- a:link {text-decoration:none;color:blue;} a:visited {text-decoration:none;color:blue;} a:active {text-decoration:none;color:red;} a:hover {text-decoration:none;position:relative;top:2px;left:2px;} --> </style>
home

ワンポイント

上のソースをページの<head>～～<head>間に記入して下さい。

変更点の説明

<style type="text/css">
<!--
a:link {text-decoration:none;color:リンクの文字色;}
a:visited {text-decoration:none;color:訪問済みのリンクの文字色;}
a:active {text-decoration:none;color:クリックされた時の文字色;}
a:hover {text-decoration:none;position:relative;top:下に動く距離;left:右に動く距離;}
-->
</style>

ホーム>>Kowaza Source