Как сверстать круговую карусель?

Question

[oleJJJa]

Здравствуйте. Хотел бы узнать есть ли готовые решения для создания такой карусели или же все надо делать самому?

Comments

[lamer350]

Нормальной карусели подобной не видел. Тут просто будет явная проблема с наложение блоков друг на друга при анимации, единственный вариант ускорять все до такого чтобы среднестатистическому пользователю не было видно этот косяк. Возьмите какой нибудь slick и просто доведите анимацию до необходимого состояния.

Answer 1

[Пащук Илья]

Для начала сверстайте блоки, проанимируйте их поведение без логики срабатывания. Дальше уже наложите уже логику обработки крутили.

Но я считаю в любом случае чтобы настоит изобретать колесо, рекомендую взять либу и просто определи под себя нужный пример и примените вашу стилизацию. Это будет проще и быстрее, все-таки при разработке библиотеки много моментов в поведении уже были решены, в ином случае ты напишешь чисто под себя под свою задачу логику и профиксишь баги и будет тебе счастье. Но с либой багов будет меньше да и функционал больше!

Поищи на codepen я когда-то подобный слайдер встречал, но уже не помню где!)