UTILS.
Privat von Anfang an
◇

CSS clip-path Generator

Schneide ein Element in gängige Formen und kopiere das clip-path CSS.

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →

Über dieses Tool

Wähle eine Form und schneide eine Vorschaubox sofort mit der passenden clip-path-Regel zu, dann kopiere das einsatzbereite CSS. Die Vorschau aktualisiert sich live, vollständig in deinem Browser.

Häufig gestellte Fragen

Wie funktionieren Polygon-clip-paths?
Jeder Punkt ist ein x-y-Prozentpaar relativ zur Box; der Browser verbindet sie der Reihe nach und zeigt nur den Bereich innerhalb des Umrisses.
Unterstützen alle Browser clip-path?
Polygon-, Kreis-, Ellipsen- und Inset-Formen werden in jedem modernen Browser unterstützt, daher funktioniert das erzeugte CSS ohne Präfixe.

Weitere Tools