オンマウスでリンクが少しに動く

おぢ3(だめオヂ)

2011年01月25日 00:01

リンクした画像やテキストにマウスカーソルを乗せると、チョイと動く技。

ココ(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= 付きにすると、動きません。


あなたにおススメの記事
関連記事