1

Подскажите, как сверстать такие секции. Пробовал через clip-path обрезать блоки нужным образом, но при изменении разрешения clip-path обрезает уже не так, как нужно. Другой вариант, который был в голове, это ставить на фон уже готовую картинку такой формы и с помощью отступов соединять секции, чтобы закрыть зазоры между ними. При изменении ширины окна так же плохо себя ведет background-size: cover и картинка масштабируется. введите сюда описание изображения

1
  • Смотри в сторону SVG
    – Air
    23 фев 2018 в 18:40

1 ответ 1

1

Нарезать картинки примерно одинаковыми прямоуголникамивведите сюда описание изображения

введите сюда описание изображения

затем задать им по порядку:

body {
background: 
      url(1.png) 0 0 no-repeat,
      url(2.png) 0 200px no-repeat,
      #f3dbb3;
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.