Как реализовать такую карусель отзывов?

Question

[kirillgenets]

Делаю себе портфолио на фриланс. Нарисовал на свою голову карусель отзывов, которую сложно реализовать. Провозился весь день. Ul находится в контейнере с фиксированной шириной. Пробовал делать через position:absolute и сдвигать при помощи margin`ов, но не вышло сделать так, чтобы элемент, который встает по середине принимал новый класс (пробовал через .elementFromPoint его находить). Также пробовал мутить муть через flexbox, меняя order элементов. Никакой из вариантов не сработал. Возможно, есть какие-то плагины, с помощью которых это можно было бы реализовать? Или есть какие-то шаблоны решения такой задачи?

Comments

[Сергей delphinpro]

Slick, owl, любой другой. Здесь нет сложности в реализации.
Слайдеры помечают видимые или активный элемент отдельным классом. Пусть .active.
Просто задайте стили
Если помечается только один активный слайд

.slide:not(.active) {
  transform: scale(0.8); opacity: 0.5;
}

Если помечаются все видимые слайды

.slide
.slide.active + .active +.active {
  transform: scale(0.8); opacity: 0.5;
}
.slide.active + .active {
  transform: scale(1); opacity: 1;
}

Ну это так, навскидку, по старой памяти.