CSS Triangle Generator

Generate a CSS triangle pointing in any of the 4 directions, with adjustable size and color. Copy-ready CSS.

100% in your browser. Files never uploaded.

Direction

Size: 40pxColor

CSS

width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #e11d48;

How to use