CSS Triangle Generator

Generate and customize CSS instantly

Direction

Width: 50px

Height: 50px

Color

CSS Code

.triangle {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 50px solid #667eea;
}