从Flickity图库中完全删除淡入淡出效果

Question

我正在使用Flickity画廊自动循环显示一系列图像，但是图像之间存在淡入淡出过渡。我想删除它，以便图像立即更改。

我尝试按照此线程中的答案进行操作，但是它们没有用。 Remove Fade From Flickity Slider Transitions

我尝试将其添加到CSS中，但是没有运气。

.carousel-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  z-index: -1;
}

.carousel-cell.is-selected {
  opacity: 1;
  z-index: 0
}

Answer 1

如果删除transition属性，则不应有任何动画。根据您提供的问题中的小提琴，如果仅删除过渡，就根本没有过渡。

编辑：

我已经直接在他们的website上签出了Flickity，他们似乎正在使用一些JavaScript来为transform属性设置动画。如果您使用类似的工具，则必须对javascript而不是css进行修改。