[CSS]スタイルシートで実装するスクロールするイメージマップ

A scrolling image mapは、スクリプト無しでスタイルシートで実装するスクロールするイメージマップです。

CSS scrolling image mapのキャプチャ

CSS scrolling image map

上のキャプチャ画像の左側がスクロールするイメージマップで、白枠の箇所をクリックすると、右側にその拡大画像が表示されます。

CSS scrolling image mapの仕組みは、全ての画像をリストとし、全体の背景としてスクロールする箇所の画像を指定しています。
そのため、スタイルシートオフの状態では、拡大画像がリスト状態で表示されます。

sponsors

top of page

©2024 coliss