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

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

デモのキャプチャ

Triple Block Hover
demo

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

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

Post on:2009年6月19日


top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss