slick sliderを使って、ズームしながらフェードをするスライダーを作りたい。

Question

slick sliderを使って、ズームしながらフェードして切り替わるにはどうすればいいのでしょうか？

「.slick-active」というクラスがついた時に、

.main-item{
  transition: transform 8s linear;
}
.slick-active .main-item{
  transform: scale(1.1);
}

$('.main-slider').slick({
    fade: true,
    speed: 1200,
    autoplay: true,
    autoplaySpeed: 7000,
    infinite: true,
    arrows: false,
    dots: false,
    slidesToShow: 1,
    centerMode: true,
    centerPadding:'0px',
    draggable: false,
    accessibility: false,
    pauseOnHover: false
  });

こんな感じにすれば一応、ズームしながらフェードをするのですが、滑らかに動いてくれません。
切り替わって、一度止まってからズームが始まる感じです。

どのように設定すればよいでしょうか？
宜しくお願いします。