Как грамотно сверстать такой круговой слайдер?

Question

[MartinTefive1902]

Как сверстать такой слайдер. Всего 11 элементов(В последствии может быть больше). Видимых только 5. Нужно что бы при анимации движения по кругу элементы не смешались с границы круга. Я сейчас использую slick + jquery .css() c transform: translateX(). Но это работает не совсем ровно. Ищу способ как сделать это лучше

Comments

[Вадим]

демку с демонстрацией проблемы в студию.
Пока что ничего не понятно.

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[Модератор]

На вопрос «как сделать» отвечает документация и поиск в интернет.

Тут отвечают на вопросы «почему я сделал, как в документации, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»

Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.

[Vadim Bogomazov]

Я недавно находил такую штуку на Framer Motion.
Может чем-нибудь поможет в реализации.