Как сделать бесконечный фон сайта с одной стороны?

Question

[Rimidbit]

Как сделать желтый фрагмент


На сколько я понимаю, это нужно реализовывать при помощи бекграунда, но как сделать чтобы влево фон тянулся бесконечно, а правый край был зафиксирован.

<header class="header">
    <div class="container">
      
    </div>
  </header>

.header {
  height: 600px;
  background-color: #ffec7a;
  background-position: top left;
  clip-path: polygon(0 0, 100% 0, 100% 35%, 0% 100%);
}

.container {
  max-width: 1440px;
  padding: 0 135px;
}

Comments

[Ankhena]

- Сделать псевдо
- Сделать треугольник фоном, перекрыть белым.

Answer 1

[Семён Окулов]

В теории это какой-то дополнительный блок или псевдоэлемент, на который наложена маска (можно через clip-path)