CSS でロールオーバー効果のサンプル

• Lucky bag::blog

使用している画像は、ノーマル時とマウスオーバー時を縦に並べて一つにした物。a:hover の指定で、マウスオーバー時は画像を縦にずらしている。

a {
	background: url(normal_hover.png) 0 0 no-repeat;
}
a:hover {
	background: url(normal_hover.png) 0 -30px left no-repeat;
}