[CSS]クリッカブルマップっぽいものを実装するスタイルシート

クリッカブルマップっぽいものを実装するスタイルシートをJanko At Warp Speedから紹介します。

Create CSS pin balloons with ease
demo

実装方法は、各スポットに空divを設置し背景画像を設定します。背景画像は座標を指定し、「background-position:left bottom;」を指定します。

ホバー時に表示される画像は、各セレクタの「:hover」に背景画像を設定します。