помогите получить правильно css код для этого фона

Question

Прошу подсказать или исправить как правильно сделать фон с картинки и самое важное сделать его адаптивным я в своём коде использую clip-path: polygon(6% 0, 94% 0, 100% 25%, 100% 75%, 94% 100%, 6% 100%, 0 75%, 0 25%);

Но мне нужно чтоб было адаптивным длина 850 px ширина 50px

Answer 1

Вот Вам пример, а для определения цвета используйте плагин Eye Dropper

.example {
  background: #7d1510;
  text-align: center;
  border-radius: 50%;
}

Answer 2

Вам поможет свойство calc(). Пример:

.box {
  width: 100%;
  height: 50px;
  background-color: #7d1111;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px));
}

<div class="box"></div>

БЛОГ НА HUSL

помогите получить правильно css код для этого фона

Ответы (2 шт):