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

Question

[Antonio09]

Answer 1

[Web Dentist]

Comments

[Antonio09]

Web Dentist, cпасибо
вот вроде еще есть
можете объяснить почему высоту тут 0 задают?
https://jsfiddle.net/cLoja0u8/

[Web Dentist]

Antonio09, По сути задавать heigth нет смысла, так как высоту трапеции образовывает border-bottom

[Antonio09]

Web Dentist, а почему вы свое убрали? я хотел в вашем разораться
там с flip интересно было)

[Web Dentist]

Antonio09, Да потому что я неправильно сделал) Я отразил фигуру по вертикали, поэтому использовал flip, а это какой-то костыль получался.

Answer 2

[Alibek Kulseitov]

https://codepen.io/JaveedIshaq/pen/ygmzoJ
https://codepen.io/iDiver76/pen/YWzKZz
https://codepen.io/fede/pen/rxwpMe

Comments

[Antonio09]

Alibek Kulseitov, cпасибо
вот вроде еще есть
можете объяснить почему высоту тут 0 задают?
https://jsfiddle.net/cLoja0u8/

[Alibek Kulseitov]

Потому что через бордеры работает всё)