使用CSS创建图库

Question

我想在CSS中创建缩略图库，如果我点击任何缩略图，图像需要以更大尺寸的弹出窗口打开（背景图层将变暗）。附上图片供参考。

是否可以通过使用纯CSS脚本本身创建此库？...或借助Javascript。我是CSS和Javascript编码的初学者，所以请建议我简单而最好的方法。

图片库

图片弹出窗口

Answer 1

有fancybox或lightbox等解决方案帮助您使用javascript执行此类操作。

根据MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:target和demo，还有纯CSS解决方案。