Как нарисовать половину дуги?

Question

[Nazaror]

Нужно нарисовать возле каждого из кругов(их 6) такие полу дуги. Я понимаю что в макете там на заде круг, но он не адаптивый, а идет в паре с адаптивной картинкой.

spoiler

Comments

[Rustam Bainazarov]

Либо граница белого цвета вокруг каждого круга с иконкой.

Либо все делать на SVG.

Либо делать сложный clip-path у круга, просчитывая положение кружков с иконками.

[xdevelx]

Посмотрите в сторону https://anseki.github.io/leader-line/ либо отрисовывайте круг и элементы позиционируйте на нем. Вокруг каждого элемента белый border.

[RAX7]

Вот один из упоротых вариантов на css

и что значит?

идет в паре с адаптивной картинкой.

Answer 1

[ThunderCat]

хм, див 50% бордер радиус позишн фиксед/абсолют, в зависимости от дизайна. Размер выставить в vw.