这个网站是一个名为lum-lightbox的Lightbox(幻灯片)框架,用于在网页中显示图像或视频。它具有以下特点:

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