CSSのみでクリックで画像を拡大する（Lightboxもどき）画像をクリックするとポップアップで拡大表示するプラグインを、HTMLとCSSのみで再現してみます。いわゆるLightboxやfancyboxのようなものです。 この記事で紹介する内容に実用性は全くありません。遊び半分でご覧ください。 デモ画像拡大下の画像をクリックしてみてください。 テキストにも拡大リンクを貼れます。 スイセンの写真を見る 弱点記事に表示する画像と、拡大に使用する画像の2つを読み込む必要があります。SEO的にはあまり良くないと思います。 フィルター（黒い部分）は、画像を開いていない状態のときはpointer-eventsを用いてクリックイベントをオフにしていますが、開いていない状態でも常にフィルターは被さっているので、ちょっとキモいです。 また、pointer-eventsをサポートしていないブラウザで閲覧したときは、ページ全体のリンクがクリックできない状態に陥る可能性があ
