CSS-Clip-Path-Generator

Gestalte eine Form direkt auf der Zeichenfläche. Ziehe die Eckpunkte eines Polygons, probiere abgerundete Formen aus und exportiere CSS oder ein SVG.

Live-Vorschau

Ziehe einen Eckpunkt oder bewege ihn mit den Pfeiltasten. Mit Shift beträgt der Schritt 10 %. Delete entfernt den Punkt.

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

Alles bleibt in deinem Browser.

Formatreferenzen

MDN — clip-path

Tool-Seite aktualisiert: 2026-10-24