CSS-Only Lightbox

CSS-Only Lightbox

https://webdesignerhut.com/pure-css-image-lightbox

.lightbox {
    /** Hide the lightbox */
    opacity: 0;
    top: -100%;
}
.lightbox:target {
    /** Show lightbox when it is target */
    opacity: 1;
    outline: none;
    top: 0;
}