Dlaczego do narzędzie jest przydatne
Twórz prototypowe odznaki, awatary, maski obrazów i dekoracyjne panele bez ręcznej edycji par współrzędnych ani ufania dowolnie wklejonemu CSS.
Projekt i CSS · działa lokalnie
CSS Clip Path Shape Generator
Wybierz ograniczony geometryczny preset i wygeneruj gotowy do standardów polygon clip-path z podglądem koloru na żywo i bez przesyłania danych projektu.
Twoje dane robocze pozostają w tej przeglądarce.
Jak do działa
Stały lokalny rejestr przypisuje każdemu nazwanemu kształtowi zweryfikowane współrzędne procentowe; tylko wybrane ustawienie wstępne i zatwierdzony kolor trafiają do wygenerowanej deklaracji.
Praktyczny przykład
Wybierz Hexagon, aby zamaskować pomarańczowy kafelek kampanii z sześcioma równymi bokami, a następnie wklej wygenerowany wielokąt do istniejącej klasy kafelka.
Walidacja
Obliczenie jest deterministyczne i wyjaśnia błędy walidacji zamiast po cichu zmieniać nieprawidłowe dane wejściowe.
Granica prywatności
Dane wejściowe i wyjściowe pozostają w tej karcie. Kopiowanie i pobieranie odbywają się za pośrednictwem interfejsów API przeglądarki, bez przesyłania na serwer.
Paszport wyniku
Każde uruchomienie zgłasza swój tryb narzędzia, znacznik czasu i rozmiar wejścia / wyjścia, dzięki czemu przekształcone dane mogą być kontrolowane.