Home All ToolsCSS Triangle Generator

CSS Triangle Generator

Create triangle shapes with CSS.

Direction

Size50px

Color

Generated CSS

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

Preview