@DeniSidorenko

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

Добрый день, подскажите пожалуйста каким образом можно сделать такой семи круг с пукнтами?
image.png
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
https://codepen.io/topicstarter/pen/Xwgqje
Собственно я порнуху сделал только с иконкой так как лень было рисовать и ещё куда то выкладывать
В общем смысл такой - рисуем изогнутый path в мой случае это M0,150 Q250,100 500,150
И потом круги и всё остальное подгоняем в размеры
Можно вместо иконок поставить дубликаты в svg это use расписать их в defs но мне это было лень
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Rokkido
Сверстай в одни ряд, присвой классы каждому элементу и с помощью position: relative и top: -5px (или больше) выровняй.
Ответ написан
@forspamonly2
банальный бордер-радиус тоже прокатит
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы