DEV Community

Richard Rembert
Richard Rembert

Posted on • Updated on

Trapezoid | Pure CSS

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.

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

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these CSS Examples.

If you liked this post, make sure to follow me on Twitter where I post daily about Tech related things!

🌎 Let's Connect

Discussion (0)