CSS-Clip-Path-Generator
Gestalte polygonale und runde clip-path-Formen mit ziehbaren Punkten und Live-Vorschau und kopiere den CSS-Code
Formvorlagen
Punkt ziehen, um die Form zu ändern. Zum Löschen doppelklicken.
Ein neuer Punkt erscheint auf der längsten Kante. Wähle einen Punkt und klicke dann auf „Punkt löschen“.
Vorschau-Hintergrund
Dein Bild bleibt im Browser und wird nicht auf einen Server hochgeladen.
CSS
Tailwind-Klasse
Über dieses Tool
CSS-Clip-Path-Generator
Gestalte polygonale und runde clip-path-Formen mit ziehbaren Punkten und Live-Vorschau und kopiere den CSS-Code.
So funktioniert es
Gib die erforderlichen Werte oder Texte ein, passe die Optionen an und prüfe das Ergebnis vor dem Kopieren oder Herunterladen. Beachte Einheiten und Annahmen, wenn du das Ergebnis für wichtige Entscheidungen verwendest.