Generator clip-path CSS

Zamień współrzędne procentowe na kształt wycięty za pomocą CSS.

Na Twoim urządzeniu · Bez konta

Generator clip-path CSS przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

Punkty wielokąta: x,y w każdym wierszu

Twój wynik

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Jak to działa

Generator clip-path CSS łączy punkty w podanej kolejności i zamyka wielokąt. Podgląd pokazuje rzeczywiste przycięcie w przeglądarce, a wynik jest gotowy do użycia w regule CSS.

Dalej: Generator trójkątów CSS

Przykład

Cztery domyślne punkty tworzą trapez: górna krawędź zajmuje całą szerokość, a dolna rozciąga się od 25% do 75% szerokości.

Zanim użyjesz wyniku

Współrzędne punktów są podawane jako procent wymiarów elementu. Przecinające się krawędzie mogą tworzyć nakładające się kształty. Narzędzie zachowuje kolejność wpisanych punktów.

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Generator clip-path CSS.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/generator-clip-path-css.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.