CSS Triangle Generator

Generate CSS to create shapes using borders.

Direction

Width (px)

Height (px)

Color

CSS Code

.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #000000;
}