如何在Slick轮播上进行黑色背景过渡？

Question

我正在尝试模拟this black/dark transition。它看起来像是线性动画，但是在每张幻灯片之间大约只有1秒左右的纯黑色。

我该如何使用Slick滑块来模拟它？

JsonWriter

我已经将背景设置为黑色，但是不透明度似乎并未显示背景，而是只是过渡到下一张幻灯片。

这里有什么想法吗？

Answer 1

在您添加的示例站点上，这是通过使用以下类的homeSlider（据我所知，这是一个不同的库）来实现的：

position: relative;
width: 100%;
height: 50rem;
height: 100vh;
background-color: #000; // Sets background colour here

使用Slick，您可以在类background-color: black上设置.slick-track。这是我在https://jsfiddle.net/b5bqk68j/4883/

上演示的小提琴