リンク画像マウスオンで画像ずらし。

更新日時:


少しずつ僕のブログページも進化しつつある今日この頃・・・

今日は、リンクの張ってある画像・文字にマウスカーソルが乗ったときに、その画像・文字をピコッと1pxくらいずらす手法(よくあるヤツ)を試してみました。

[ 参照ページ:小粋空間さんのこのページ ] いつも参考にさせてもらってます m(_ _)m

方法はスタイルシートで a:hover に以下のように記述してやればオッケーです。(うちの例)

``` css div#sidebar a:hover { position:relative; top:1px; left:1px; } ```

・ちなみに img:hover で同じことをすると、リンクされていない画像もずれてしまいます。(当然か!)

(FireFox3.05、Opera9.63、IE6で確認済み)
 

Sponsored Link

 

コメントする