CSS Triangle Generator

With this generator, you will be able to create the necessary CSS code for a triangle. Start by selecting the direction of the triangle, then depending on the direction, you will be able to create either an isoscele, equilateral or scalene triangle. Select the color you would like to make the triangle and finally you can change the size and rotation of the triangle. Once you are happy with the final selection, just copy the code to the clipboard and paste into your project.

Direction
Type
Color
Dimensions / Size
200px
125px
125px
150px
50px
50px
0deg
Preview

CSS Code