从 Flickity 画廊中完全移除淡入淡出效果

Question

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

我试图按照这个线程中的答案进行操作，但它们没有用。 从 Flickity Slider 过渡中删除淡入淡出

我尝试将其添加到 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属性，则应该没有 animation 。 根据您提供的问题中的小提琴，如果您只是删除过渡，则根本不会有过渡。

编辑：

我直接在他们的网站上查看了 Flickity，他们似乎正在使用一些 javascript 来为transform属性设置动画。 如果您使用类似的东西，则必须对 javascript 而不是 css 进行修改。