创建滑块（使用光滑）

Question

我想使用光滑滑块创建滑块。我想要有3个幻灯片，中间的一个应该被缩放，其余的应该在背景中可见，（其中50％的宽度应该隐藏在中心幻灯片后面）。问题是，当我想只有3张幻灯片时，滑块不起作用（如果它更好），我也有问题将幻灯片放在背景幻灯片中。

.slick-current {
    transform: scale(1.75);
}

$(document).ready(function(){
    $('.slider').slick({
      centerMode: true,
      slidesToShow: 3,
    });
}); 

  <div class="slider">
      <div><img src="img/example.png"></div>
      <div><img src="img/example.png"></div>
      <div><img src="img/example.png"></div>
  </div>