Direction

Size

Predefined sizes
Width, px
Height, px

Color

Element
.element {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 27px 0 27px;
  border-color: #7048e8 transparent transparent transparent;
}
Pseudo-element
.element::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 27px 0 27px;
  border-color: #7048e8 transparent transparent transparent;
}