[CSS]Lightbox風エフェクト+画像拡大をCSSで実装するスタイルシート

Pure CSS LightBoxは、Lightbox風エフェクトに加え、画像拡大までもCSSのみで実装するスタイルシートです。

Pure CSS LightBoxのキャプチャ

Pure CSS LightBox

以前、紹介した「Lightbox風エフェクトをCSSで実装する方法」では、Lightbox風エフェクトとしてページ全体をフェードイン・アウトされるものでした。
Pure CSS LightBoxは、更に画像拡大も実装しています。

スクリプトは使用してないため、拡大時のモーションはありませんが、さくさく動作します。

画像のマウスオーバー時に、虫眼鏡になるともっといいかもしれません。

sponsors

top of page

©2024 coliss