UTILS.
100% w przeglądarce

Generator CSS clip-path

Przycinaj element do popularnych kształtów i kopiuj kod CSS clip-path.

O tym narzędziu

Wybierz kształt i natychmiast przytnij podgląd pola odpowiednią regułą clip-path, a następnie skopiuj gotowy do użycia kod CSS. Podgląd aktualizuje się na żywo, w całości w Twojej przeglądarce.

Najczęściej zadawane pytania

Jak działają wielokątne clip-path?
Każdy punkt to para procentowa x y względem pola; przeglądarka łączy je po kolei i pokazuje tylko obszar wewnątrz konturu.
Czy wszystkie przeglądarki obsługują clip-path?
Kształty polygon, circle, ellipse i inset są obsługiwane w każdej nowoczesnej przeglądarce, więc wygenerowany CSS działa bez prefiksów.

Więcej narzędzi