マウスを乗せたときに画像を入れ替える(CSSスプライト)

マウスを乗せたときに、画像を切り替えたい場所はたくさんありますね。ロゴやナビゲーション、フォームのボタンなど、使いどころはたくさんあります。マウスオーバーで画像を切り替える方法には、代表的なもので CSS スプライトがありますよね。

 

[a] タグの背景のポジションを、hover 疑似クラスを利用して切り替えます。簡単ですね！