如何在slick.js中放大自定義幻燈片

Question

我想知道如何在光滑畫廊中放大特定的幻燈片。我想放大幻燈片到放大。我嘗試了縮小，添加填充，邊距等，但沒有效果。任何想法？

HTML：

<div class="slick-holder"> 
    <a href="link.html"> 
     <div class="single"></div> 
    </a> 
    <a href="link.html" class="toEnlarge"> 
     <div class="single"></div> 
    </a> 
    ... 
    <a href="link.html"> 
     <div class="single"></div> 
    </a> 
</div> 

JS：

$('.slick-holder').slick({ 
    slidesToShow: 5, 
    slidesToScroll: 1, 
    infinite: true, 
}); 

我試圖做這樣的事情：

Answer 1

你嘗試過什麼樣的？

.toEnlarge{ 
    display: block; 
    transform: scale(1.3); 
    transform-origin: 50% 50%; 
}