LBweb Łukasz Bącik

#frontendowe spojrzenie na tworzenie stron www

Komentarze: 0

Prosty trójkąt w CSS

Dzisiaj skupię się na tych pierwszych i pokażę, jak w prosty sposób wykonać 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.

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;
}

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.