UTILS.
100 % im Browser

CSS clip-path Generator

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

Ü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