Generator CSS clip-path
Wizualnie twórz kształty CSS clip-path metodą przeciągnij i upuść. Zawiera wielokąt, koło, elipsę i presety takie jak gwiazda i serce.
Typ kształtu
Presety
Podgląd
Przeciągnij punkty, aby przenieść, kliknij dwukrotnie, aby dodać/usunąć
Kontrolki
Lista punktów
Wygenerowany CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Jak używać
Wybierz kształt
Wybierz kształt clip-path
Dostosuj punkty
Przeciągnij punkty, aby dostosować kształt
Kopiuj
Skopiuj kod CSS do użycia
Funkcje
Przeciągnij, aby edytować
Przeciągnij punkty, aby swobodnie modyfikować kształt
Podstawowe kształty
Obsługuje koło, elipsę, wielokąt, wcinanie
Presety
Presety takie jak gwiazda, strzałka, serce
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.