这个网站是一个名为lum-lightbox
的Lightbox(幻灯片)框架,用于在网页中显示图像或视频。它具有以下特点:
@keyframes lum-noop
定义了一系列关键帧动画,用于控制lum-lightbox
的展示和关闭过程。
.lum-lightbox
是整个Lightbox框架的基础样式,设置了固定、不显示、完全隐藏等状态。
.lum-lightbox.lum-open
表示Lightbox已打开,默认为隐藏状态。
.lum-lightbox.lum-closing, .lum-lightbox.lum-opening
表示在点击外部关闭按钮或其他方式时触发的关键帧动画。
.lum-lightbox-inner
是一个内部容器,用于存放图片或视频。
.lum-lightbox-loader
表示加载图片时的占位符,通常在加载过程中显示。
- 当图片大小自动调整时,
.lum-lightbox-image-wrapper
将内容垂直对齐到中间,并使用表格单元格的布局使文本居中显示。
img:is(["sizes="auto" i"],)
表示检查元素的大小是否为自动或i(即缩放),如果是,则应用相应的CSS样式。