suggest change

A trapezoid can be made by a block element with zero height (height of 0px), a width greater than zero and a border, that is transparent except for one side:


<div class="trapezoid"></div>


.trapezoid {
    width: 50px;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid black;

With changing the border sides, the orientation of the trapezoid can be adjusted.

Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents