Generator ścieżek przycinania CSS

Twórz kształty bezpośrednio na płótnie. Przeciągaj punkty wielokąta, wypróbuj zaokrąglone kształty i eksportuj CSS lub SVG.

Podgląd na żywo

Przeciągnij punkt. Klawisze strzałek go przesuwają; Shift zwiększa krok do 10%. Delete usuwa punkt.

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

Wszystko pozostaje w Twojej przeglądarce.

Źródła

MDN — clip-path

Aktualizacja strony: 2026-10-24