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

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

デモのキャプチャ

Triple Block Hover
demo

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

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

sponsors

top of page

©2018 coliss