vitaly44
@vitaly44
Предприниматель, веб-разработчик, дизайнер

Как сверстать неровную адаптивную рамку со скруглёнными краями?

Как на css и svg сделать подобное? и ещё адаптивно :-)

5c74fd577649a596801757.png

Пробовал использовать mask и bg-size: cover — но всё плывёт так или иначе.

Можно надо какой-то js использовать для маштабирование svg?
  • Вопрос задан
  • 503 просмотра
Решения вопроса 1
LenovoId
@LenovoId Куратор тега SVG
I want, women not to get sick
https://codepen.io/topicstarter/pen/drPpdv - если надо адаптировать то у .items удалить фиксированый размер и сами уже подстраиваете как должны выглядеть ваши поля ввода
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
ellenripley4
@ellenripley4
Любитель тяжелой музыки и фронтэнда
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
.myFormWrapper {
   background: url('myback.svg') no-repeat 50% 50%;
   background-size: cover;
   padding-bottom: 30%;
}

в самом svg файле обычный path c заливкой.
фсе
Ответ написан
Ваш ответ на вопрос

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

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