Как верстать такие декоративные элементы?

Такие элементы как синяя линия, круг и т.д
5b2795c01275b318675775.jpeg
  • Вопрос задан
  • 1727 просмотров
Решения вопроса 1
Lumore
@Lumore
Front-end developer
Пригласить эксперта
Ответы на вопрос 7
Круг - можно используя border и подберая border-radius, но может не получится идеальный круг, тогда немного нужно изменить общий размер.

.circle{
width: 100px;
height: 100px;
border: 4px solid blue;
border-radius: 50px;

}


Волну проще всего картинкой, но если есть какието указания не использовать картинки то SVG
Ответ написан
@nichvlas
Этот макет из html academy
А у них есть курс по свг и как его рисовать через css
https://htmlacademy.ru/courses/130
Для таких простых элементов вроде изогнутой линии вполне можно заморочиться и сделать
Ответ написан
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
svg через defer и потом через use дергать. Оптимально, удобно, стилизуемо через css
Ответ написан
lukoie
@lukoie
проще и быстрей всего- нарисовать в иллюстраторе и сохранить как SVG, а потом как обычную картинку
Ответ написан
@dmitry_pacification
Трудности рождают прорыв
Еще способ: border-image с repeat
Ответ написан
Ваш ответ на вопрос

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

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