aktywny slajd większy niż pozostałe - swiper

Question

cześć,

chciał bym zrobić slider gdzie aktywny slide jest większy niż pozostałe(widoczne od razu są 3 slide) i znajduje się na środku slidera do wykorzystania tego używam swiper.js ale wogóle nic nie działa i się rozwala wszystko, da się coś takiego w tym zrobić?

https://codepen.io/Dobre-ycie/pen/PoLzrwB

Answer 1

Może chodzi Ci o Effect coverflow

Answer 2

Spróbuj z: transform: scale()

[ przykład on-line ]

.swiper-slide {
  width: 26% !important;
  background-color: pink;
  height: 100%;
  transition: transform 0.5s;
}
.swiper-slide-active {
  transform: scale(1.2) !important;  
}