Как реализовать Swiper?

Question

[shank1705]

Всем привет, подскажите пожалуйста как можно реализовать данный тип слайдера ?

Answer 1

[Alexey10]

transform: scale + opacity для всех слайдов кроме центрального. Там сам свайпер дает классы специальные. Самому свайпер нужно присвоить настройку centeredSlides: true

Answer 2

[Максим Морев]

Привет.
Ответ Alexey10 сработает, но имеет недостаток - отсутствие плавного перехода между состояниями, что особенно заметно, если неспешно перетаскивать слайды мышкой.
У Swiper'a для этих вещей есть эффект "coverflow", который путём определённых настроек позволяет добиться нужного результата.
Сами настройки для вашего макета будут выглядеть примерно так:

Со значениями depth и modifier нужно будет поиграться, чтобы добиться нужного смещения, а прозрачность и размытие - как и было сказано, через специальные классы элементов, которые добавляет Swiper. :)