Creating a CSS triangle is a code-heavy task. The user has to rely on pre-existing code from other sources, or create their own from scratch. There’s no quick and easy way to generate CSS triangles in Photoshop or any other design software for that matter.
Generating a triangle with CSS is even trickier because you have to make sure that the point on the hypotenuse is at 50% of the width of the base of the triangle. If not, you’re going to have a really wide or really narrow triangle on one side of it.
Especially when you’re just starting out as a designer, it can be difficult to gauge those measurements from scratch and get them right every time you need them.
This free online CSS triangle generator helps you generate triangles in CSS fast.