オンマウスでリンクが少しに動く
リンクした画像やテキストにマウスカーソルを乗せると、チョイと動く技。
ココ(blog@naturum)のスタイルシートだけをイジっても出来ますが、各パーツをイジらないといけないので、簡単に出来る方法を(綺麗ではないなぁ)
<head> ~ </head> の間に
<!--オンマウスでリンクが少しに動く-->
<style type="text/css">
<!--
a:hover {position:relative; top:1px; left:1px;}
-->
</style>
を書く。 ( 1pxの数値を変えて調整してみて! left を light に換えてみるとか・・・)
ココ(blog@naturum)には、トップページ、個別記事、アーカイブに<head> ~ </head>が有りますので、全部に記述。
注) 画像をalign="right" とかの align= 付きにすると、動きません。
関連記事