如何用裁剪的幻灯片制作光滑的滑块

Question

我需要制作光滑的滑块，将右侧的下一个滑块裁剪一半，而不是从左侧裁剪。我通过设置 slidesToShow: 1.5 来做到这一点，如下面的屏幕所示。

但我还需要这样做，如果它是最后一张幻灯片，那么上一张幻灯片应该被裁剪一半，并且在最后一张幻灯片之后没有空白空间，如下面的屏幕所示。 如果我向后滑动，它应该就像在第一个屏幕中一样，只被右侧裁剪。

我怎样才能做到这一点？我一直在寻找示例，但没有找到太多。

Answer 1

只需添加以下 css

div.slick-list{
  padding:0 50px 0 0;
}