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

Такие элементы как синяя линия, круг и т.д
5b2795c01275b318675775.jpeg
  • Вопрос задан
  • 2548 просмотров
Решения вопроса 1
Lumore
@Lumore
Front-end developer
Пригласить эксперта
Ответы на вопрос 7
iamd503
@iamd503 Куратор тега CSS
Верстальщик
картинкой
Ответ написан
Комментировать
Круг - можно используя 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
Для таких простых элементов вроде изогнутой линии вполне можно заморочиться и сделать
Ответ написан
Krasnodar_etc
@Krasnodar_etc
fundraiseup
svg
Ответ написан
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
svg через defer и потом через use дергать. Оптимально, удобно, стилизуемо через css
Ответ написан
Комментировать
lukoie
@lukoie
проще и быстрей всего- нарисовать в иллюстраторе и сохранить как SVG, а потом как обычную картинку
Ответ написан
Комментировать
@dmitry_pacification
Трудности рождают прорыв
Еще способ: border-image с repeat
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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