CSS Triangle Generator

Generate CSS triangles using borders. Create arrows and geometric shapes.

Triangle Generator

Create CSS triangles using border technique

Direction

Size: 50px

Color

width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid #667eea;