O tym narzędziu
Twórz trójkąt w czystym CSS, używając klasycznej sztuczki z obramowaniem — wybierz kierunek, rozmiar i kolor, a następnie skopiuj regułę. Podgląd aktualizuje się na żywo, a wszystko działa w Twojej przeglądarce.
Najczęściej zadawane pytania
Jak działa sztuczka z obramowaniem?
Element o zerowej szerokości i wysokości pokazuje tylko swoje obramowania; uczynienie trzech obramowań przezroczystymi pozostawia jedno kolorowe obramowanie w kształcie trójkąta.
Dlaczego szerokość i wysokość są ustawione na 0?
Bez obszaru pola obramowania spotykają się w środku, więc jedyne widoczne obramowanie staje się czystym trójkątem zamiast grubej krawędzi.