Prosty trójkąt w CSS

Na wielu stronach spotyka się elementy zawierające kształty, np. trójkąty czy strzałki. Dzisiaj skupię się na tych pierwszych i pokażę, jak w prosty sposób wykonać trójkąt w CSS.

Oto przykład kodu generujący trójkąt w CSS:

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #f02;
}