Как на css сделать кривой четырехугольник?

Question

[Лариса]

Как можно такой сварганить?
как сделать трапецию получается, но вот прикрепить к ним еще и верхнуюю линию скошенной

{
height: 0; 
width: 100px;
border-bottom: 100px solid #FFE344;
border-left: 55px solid transparent;
border-right: 30px solid transparent;
}

Comments

[Модератор]

Для комментирования ответа жмите линк "Комментировать" под ответом
Не нужно писать комментарий в форме для ответа
Оповещения о такой реплике не поступит автору ответа

Не нужно засорять секцию ответов "спасибовсем" и тп

Answer 1

[Дмитрий]

Пример
но лучше для данной задачи использовать svg

Answer 2

[profesor08]

clip-path

svg картинку на фон

css 3d transform для псевдо-элемента

Answer 3

[Евгений]

clip-path: polygon(0 0, 100% 10%, 93% 100%, 8% 100%);