在轻拂全屏模式下淡化非聚焦图像

Question

我在业余摄影作品集中使用了轻拂性，并且希望全屏选项的行为更像是灯箱-本质上是使中央图像前后的图像褪色。

我使用的是基本的fullscreen example code，我想知道在当前单元格之前和之后的单元格是否有一个css选择器，我可以将不透明度设置为几乎为0，或添加深色覆盖层，或其他类似，以使中心图像“弹出”并避免在全屏模式下分散视线。有提示吗？

Answer 1

没关系，我玩过.is-selected，下面的方法似乎可以解决问题，

.carousel.is-fullscreen .carousel-image {
  height:90%;
  object-fit: contain;
  max-width: 90%;
  max-height: 90%;
 opacity: 0.2;
}

.carousel.is-fullscreen .is-selected{
 opacity: 1;
}