Как правильно сверстать вот эту фигуру?

Question

[Lord_Dantes]

Есть фигура, как её можно реализовать с помощью CSS?

Сама фигура служит фоном у блока, картинкой вставить не вариант так как картинка 1440пх и она на 1920 не может растянутся так как по дизайну. Собственно вопрос как её реализовать на CSS или другим адаптивным способом?

Фигура

Answer 1

[Станислав Пилипейко]

https://html5book.ru/css-figury/

.figure {
    height: 60px;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 200px solid #FFE344;
}

Comments

[Станислав Пилипейко]

border-left и border-right понадобятся в данном случае

[Lord_Dantes]

miniusercoder, каким образом можно с помощью левого и правого бордера сделать промежности сверху и снизу?

[Станислав Пилипейко]

s l a v e, Не понял о каких промежностях речь, но вот моё решение

.figure {
    height: 60px;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 200px solid #FFE344;
}