[CSS]スクリプト無しでLightbox風に画像を拡大表示するスタイルシート

スクリプト無しでLightbox風に画像を拡大表示するスタイルシートをThe CSS Ninjaから紹介します。

デモのキャプチャ

Futurebox, lightbox without the JavaScript
demo

デモでは各画像をクリックすると、ブラウザの表示領域全体をオーバーレイ表示にし、画像を拡大表示します。
再度、クリックすると画像は元の状態に戻ります。

対応ブラウザはFx1.5+, Op9.5+, Safari3.2+, Chrome 2+となっています。
各ブラウザでのスクリーンショットは、Browsershotsにあります。

sponsors

top of page

©2024 coliss