Trapeze

https://danielpietrasik.pl/css3-figury-geometryczne/

by Daniel Pietrasik

HTML

<!-- 
 - CSS3 Figury geometryczne za pomocą kodu
 - https://danielpietrasik.pl/css3-figury-geometryczne/
-->

<div id="trapeze"></div>

CSS

/**
 * CSS3 Figury geometryczne za pomocą kodu
 * https://danielpietrasik.pl/css3-figury-geometryczne/
 **/

#trapeze {
	width: 0;
	height: 150px;
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 130px solid #F34A53;
	margin: 40px auto 0;
}