Как сверстать список который обтекает полукруг?

Question

[Georgiy]

Хочу сделать такую полукруглую карусель, но есть проблема с тем как отображаются даты за пределами круга, будто они скашивают угол, имееют непропорциональное расстояние до круга, это хорошо видно если изменить свойство transform-origin у .slide, и я не могу понять как их выровнять, или как такое лучше верстать, может флоатом делать обтекание круга? сам полукруг у меня .png а даты выставлены через падинг, что конечно далеко не самое хорошее решение...
На картинке отображена суть проблемы
Ссылочка на codepen

Answer 1

[Ankhena]

Типа того

Comments

[Georgiy]

Спасибо!

[Ankhena]

Georgiy, повернуть на сколько вам нужно градусов. У меня начинается с нуля. Вы можете начинать с любого другого значения..

[Georgiy]

Ankhena, да, я удалил ибо сам разобрался, сяп

Answer 2

[RAX7]

Comments

[Georgiy]

Привет, а можешь объяснить от чего пляшет круг, каким образом он позиционируется?
Я пытаюсь зафутболить его вниз видимой области и выровнять по центру горизонтали, но если .pagination присвоить абсолют, то все идет в кривь и в кось, хотя кое-как нужного эффекта достигнуть получается

[RAX7]

Georgiy, не очень понятно что и куда у тебя пляшет. pagination просто занимает 30% ширины слайдера, pagination__track позиционируется left: 0; top: 50%; относительно pagination.

[Georgiy]

RAX7, вчера у меня как-то много вопросов было, но в итоге за пол ночи получилось как хотел (ну или почти), спасибо