[CSS]一つのエリアに3箇所のリンクを設置するスタイルシート

テキストで説明するのが難しいのですが、一つのエリアに3箇所のリンクを設置するスタイルシートをCSSplayから紹介します。

Triple Block Hover
demo

デモでは、1のエリアの画像をホバーすると、3箇所のリンクを含むブロック要素にホバー用のエフェクトが適用されます。
3箇所のリンクは全て異なるリンク先を設定できます。

1. 画像（ホバーで表示されるテキスト）
2. プラス（＋）のアイコン
3. 画像の下に配置されたテキスト

Post on:2009年6月19日