ToolPilot
Design

CSS-Clip-Path-Generator

Erstellen Sie Clip-Paths als Polygon, Kreis und andere Formen – mit Vorlagen und bearbeitbaren Punkten.

Schneiden Sie Elemente zu Dreiecken, Sechsecken, Sternen und eigenen Polygonen zu. Die Live-Vorschau aktualisiert sich beim Bearbeiten der Punktliste, und das CSS ist bereit zum Einfügen.

Tool wird geladen…
Datenschutz: Ein schnelles, privates ToolPilot-Dienstprogramm. Ihre Daten werden nach Möglichkeit lokal in Ihrem Browser verarbeitet.

So geht's:

  1. 1Wählen Sie eine Vorlage oder starten Sie mit einem Polygon.
  2. 2Bearbeiten Sie die Punkte im Textbereich.
  3. 3Kopieren Sie das Clip-Path-CSS.

Häufig gestellte Fragen

Kann ich clip-path animieren?

Ja. Browser können zwischen kompatiblen Polygonformen mit derselben Anzahl von Punkten überblenden.

Werden meine Dateien auf einen Server hochgeladen?

Nein. Dieses Tool läuft vollständig in Ihrem Browser – mit JavaScript und, wo nötig, WebAssembly. Ihre Dateien und Texte verlassen Ihr Gerät nie.

Hilf uns, besser zu werden

Wir verbessern unsere Tools regelmäßig. Problem gefunden oder einen Vorschlag? Wir hören zu.

Ähnliche Tools

🎨

Farbwähler + HEX/RGB/HSL

🎯

HEX / RGB / HSL-Konverter

🌈

Farbpalettengenerator

🌊

CSS-Verlaufsgenerator