Javascript 如何在slick.js中放大自定义幻灯片

我想知道如何在slick gallery中放大特定幻灯片。我想把课堂上的幻灯片放大。我尝试了缩放、添加填充、边距等，但没有效果。有什么想法吗

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>

我正在尝试这样做：

---

你试过类似的东西吗

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

---

是的。但它只在左侧、右侧和底部放大。顶部保持不变。您找到解决方案了吗？

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