Javascript 如何将效果添加到中心滑入式滑水器？

嗨，我用滑水器做滑块。我想我的滑块缩放，并得到彩色时，它的中心。 你能给我一个建议吗

<Swiper
        cssMode={true}
        navigation={true}
        centeredSlides={true}
        slidesPerView={5}
        spaceBetween={20}
        pagination={{
          clickable: true,
        }}
        mousewheel={true}
        keyboard={true}
        className="mySwiper-experts"
      >
        <SwiperSlide className="experts-slide">
          <img src={Expert} alt="" />
          <p>Expert XY</p>
        </SwiperSlide>
        <SwiperSlide className="experts-slide">
          <img src={Expert} alt="" />
          <p>Expert XY</p>
        </SwiperSlide>

专家XY

专家XY

查看中间幻灯片的HTML标记。特别是在课堂上。

class

属性中的

swiper幻灯片处于活动状态的幻灯片应位于中间。通过选择前面提到的类，您可以使用CSS设置此特定幻灯片的样式。