Make a triangle

Hi, this might be common knowledge but anyone looking to create a triangle with an elements borders can do so with the following steps:

1 - create a shape - take note of the height and width
2 - set the borders - each with half the height or width of your shape. Make the side you want to be shown a colour and the others transparent. It will default to an angle between each border

3 - get creative
Triangles

The concepts from a CSS site linked already in the forum but I didn’t see a simple explanation.

8 Likes