Задать вопрос
spacyfox
@spacyfox
html

Как реализовать с помощью SVG?

Всем привет!
Ребята, подскажите, пожалуйста, как можно реализовать подобную "волну" с помощью SVG (или как-то иначе?), учитывая что в самом блоке будет находиться контент?
L210owRh807xom.jpg

Если еще кто-нибудь может скинуть понятное руководство по SVG для нубов, буду мега благодарна!
Всем спасибо!
  • Вопрос задан
  • 1199 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Хорошее руководство по SVG есть на developer.mozilla.org, особенно полезно почитать про пути - сколько я видел такие волны делают через кривые Безье. А примеры как всегда есть на codepen, например вот этот. Но стоит помнить, что в общем случае может быть проще нарисовать то, что нужно, в графическом редакторе и экспортировать, чем подбирать числа руками.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы