CSS Triangle Generator

Generate various CSS triangles with customizable direction, size, color, and borders.

Direction:

Width (px):

Height (px):

Fill Color:

Border Width (px):

Border Color:

CSS

HTML

Adjust properties to generate CSS triangle code.

Adjust properties to generate HTML/CSS for triangle.

Copied!