godsplane
@godsplane

Как такое сверстать?

61af17a0924a8445901960.png

У меня была идея сделать просто бордер ,но если бордер закругляется,то он сужается к его концу с боков и я не понимаю как это решить тогда.
Моя попытка: https://codepen.io/poylar/pen/YzrqzGm
  • Вопрос задан
  • 338 просмотров
Пригласить эксперта
Ответы на вопрос 4
sharnirio
@sharnirio
Front-end developer
Ответ написан
profesor08
@profesor08 Куратор тега CSS
Есть несколько вариантов:

  1. Взять эту svg и вставить в свой html, поправить номера и все. На этом вся верстка этого блока окончена. В svg должны быть и правильный пунктир, и тени и цвета.
  2. Попытаться сверстать кривое подобие на html и css. Результат как на картинке - недостижим. Примеры выше и вот этот (https://codepen.io/Profesor08/pen/XWedbmj), это прекрасно демонстрируют.


Ответ написан
@FrelFrloich
Это не своевременно, но разве это не просто круги с цифрами и бефор афтер с бордерами?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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