Cześć może to nie jest dokładnie to samo co chciałeś uzyskać lecz jest podobne :)
#trapeze {
width: 150px;
height: 0;
border-left: 0px solid transparent;
border-right: 800px solid transparent;
border-top: 160px solid #F34A53;
margin: 40px auto 0;
}
<div id="trapeze"></div>
Jeżeli chodzi o przezroczystość:
background-color: transparent;
background-color: rgba(0, 0, 0, 0.2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3332FA32,endColorstr=#3332FA32);
zoom: 1;
Kod figury znalazłem na stronie:
http://danielpietrasik.pl/css-figury-geometryczne/
Pozdrawiam.