Generator

Generator trojkatow CSS

Generuj trojkaty CSS za pomoca sztuczki border z 8 kierunkami, konfigurowalnym rozmiarem i kolorem.

Ctrl+Enter Copy CSS Esc Reset

Kierunek

Szerokosc (px)

Wysokosc (px)

Kolor

Podglad

Wyjscie CSS

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

O generatorze trojkatow CSS

Trojkaty CSS tworzone sa za pomoca sztuczki border — element o zerowej szerokosci i wysokosci z kolorowymi/przezroczystymi obramowaniami tworzy trojkat. Narzedzie pozwala wybrac kierunek, rozmiar i kolor, a nastepnie natychmiast generuje kod CSS.

Przeglądaj wszystkie narzędzia Generator

Jak uzywac

Wybierz kierunek (Gora, Dol, Lewo, Prawo lub przekatna), dostosuj szerokosc i wysokosc, wybierz kolor i skopiuj wygenerowany CSS. Wklej go do arkusza stylow i zastosuj klase .triangle.

Typowe scenariusze uzycia

Tworzenie wskaznikow strzalek i wskaznikow w interfejsie
Tworzenie strzałek tooltipów i karetek list rozwijanych
Projektowanie dekoracyjnych ukosnych dzielnikow sekcji
Tworzenie separatorow sciezki nawigacji i ikon szewronow
Dymki CSS z trojkatnymi ogonkami

Jak używać Generator trojkatow CSS Zrób sobie przerwę i zagraj w darmowe gry przeglądarkowe

Wszystkie Posty

c/tools_css-triangle-generator0

Zobacz Wszystkie Utwórz Post