Реализация полукруглого слайдера?

Question

[greencost]

Добрый день.
Мне нужно реализовать вот такой слайдер:



Каждый хомяк - отдельный слайд, двигаться они должны по как бы по полукругу (это, конечно, не совсем полукруг, но я не понимаю - как это правильно назвать).

Погуглил из того, что сейчас популярно - owl, swiper, splide, но похожих примеров не нашел. Т.к. с версткой и js я работаю мало, то подозреваю, что просто неправильно задаю запросы.

Может кто-то подсказать - в какую сторону смотреть, или хотя бы как это правильно называется?

Comments

[greencost]

Evgenii, о, спасибо за совет, я этот пример видел, но не сообразил как применить.

А как вы тогда собираете это реализовать, при условии что банально загуглить не выходит?) Вопрос без подкола

Ответ тоже без подкола - хочу попробовать разобраться. Это не мой профиль, но интересно же :)

[greencost]

Evgenii, я старый php-шник, который давно ушел в маркетинг, но иногда ковыряюсь во всяком таком :)

[greencost]

Evgenii, это больше "по фану" - в глубокие дебри я не лезу и не претендую :)

Answer 1

[Сергей delphinpro]

как вариант применять трансформации к слайда. Отталкиваться от активного и видимых, они обычно имеют свой класс.

грубый пример

.slide-visible { transform: scale(0.5); } // первый видимый слайд
.slide-visible + .slide-visible { transform: scale(0.75); } // второй
.slide-visible ~ .slide-active { transform: scale(1); } // активный, в центре
.slide-active + .slide { transform: scale(0.75); } // следующий за активным
.slide-active + .slide + .slide { transform: scale(0.5); } // последний видимый
// немного плавности
.slide { transition: transform 1s ease; }