Skip to main content
CSS Tip

Create a triangle shape with 2 CSS properties

Creating a basic triangle shape is as simple as using two CSS properties

That's it, and it works with any kind of elements including images.

A diagram showing to create CSS-only triangle shapes

Get the CSS code from: css-generators.com/triangle-shapes