Generator kształtów ścieżki CSS
Tworzyć kształty wieloboczkowe, gwiazdki, odznaki, sześciokąt i szebron z nowoczesnej geometrią ścieżek CSS.
Działa w Twojej przeglądarce. Twoje pliki nigdy nie opuszczają urządzenia. Zobacz, jak to sprawdzić
…
Jak to zrobić
- 1Krok 1: otwórz Generator kształtów ścieżki CSS i wpisz dane
Wpisz liczby lub tekst, dodaj plik albo wybierz potrzebne opcje. Nic nie jest przesyłane: wszystko zostaje w Twojej przeglądarce.
- 2Krok 2: co robi Generator kształtów ścieżki CSS
Tworzyć kształty wieloboczkowe, gwiazdki, odznaki, sześciokąt i szebron z nowoczesnej geometrią ścieżek CSS.
- 3Krok 3: odczytaj wynik i porównaj
Wynik pojawia się od razu. Zmień jedną wartość, aby zobaczyć, jak zmienia się odpowiedź, i zachowaj liczbę pasującą do Twojego przypadku.
- 4Krok 4: skopiuj lub zapisz
Skopiuj wynik lub pobierz go. Przy ważnej decyzji potwierdź go w oficjalnym źródle lub u doradcy.
O tym narzędziu
Clip-path pozwala programistom wycinać elementy HTML i obrazy w precyzyjnych wieloboczach geometrycznych i kształtach bez potrzeby masek Photoshop lub SVG. Wybierz z popularnych ustawień wstępnych, sprawdź renderowaną maskę w czasie rzeczywistym i skopiować czyste współrzędne wielokątów CSS gotowe do produkcji.
Wskazówki dla najlepszych wyników
Zanim zaczniesz, poświęć chwilę na przeczytanie opcji i najpierw wypróbuj narzędzie na małym przykładzie. Wszystko działa w przeglądarce na Twoim urządzeniu; nic, co wpiszesz lub dodasz, nie jest wysyłane, a zamknięcie karty wszystko usuwa. Jeśli coś wygląda nieprawidłowo, odśwież stronę i spróbuj ponownie lub użyj linku zgłoszenia na tej stronie, aby nam powiedzieć, co poszło nie tak. Jeśli wynik nadal wygląda źle, zmieniaj po jednej wartości, aby zobaczyć, które pole wpływa najbardziej. Dodaj tę stronę do zakładek, jeśli będziesz z niej korzystać ponownie.
W skrócie
- Kategoria: Obrazy
- Działa w przeglądarce, bez rejestracji i wysyłania.
- Wpisane informacje zostają na Twoim urządzeniu.
- Dostępne w wielu językach.
- Treść ostatnio sprawdzona:
Najczęstsze pytania
Co to jest ścieżka CSS?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Które kształty są zawarte jako ustawienia wstępne?
Wśród ustawień wstępnych znajdują się trójkąt, sześciokątek, 5-punktowa gwiazda, odznakę zniżkową produktu, szczebel nawigacyjny i okrągłe maski.
Mogę z tym robić zdjęcia i filmy?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
Czy ścieżka klipu wpływa na elementy klikalnych hitboxów?
W nowoczesnych przeglądarkach tylko widoczny, niewycięty obszar elementu reaguje na ruch wskaźnika i kliknięcia.