CSSだけでリモートロールオーバー
リンクテキストやボタンの部分と離れた所にある画像を、hover時にcssだけで差し替えようという主旨。以前はjavascriptを使って同様の事をしてたんだけど、なんとなくcssだけでもできそうな気がしたので実験。なんとなくうまくいった。
>>RedLine Magazine::CSSでリモートロールオーバー サンプル
使いどころとして考えてたのは、トップページなんかでナビボタンにマウスを合わせた時にイメージ画像の差替えを実現させてるああいう方法の代替方法としてどうかな、と。他にもいろいろ使い道はありそう。
<< bodyにfont-size:62.5%を指定すると・・・ | CSSでリモートロールオーバー実践編 >>
トラックバック
このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/110