mk-mode BLOG

このブログは自作の自宅サーバに構築した Debian GNU/Linux で運用しています。
PC・サーバ構築等の話題を中心に公開しております。(クローンサイト: GitHub Pages

ブログ開設日2009-01-05
サーバ連続稼働時間
Reading...
Page View 合計
Reading...
今日
Reading...
昨日
Reading...

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

[ ブログ ] [ WordPress ]

こんばんは。

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

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

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

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

1
2
3
div#sidebar a:hover   {
  position:relative; top:1px; left:1px;
}

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

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

Comments