CSS-Clip-Path-Generator
Erstelle CSS clip-path-Formen visuell — Kreise, Ellipsen, Polygone und Insets. Wähle Presets oder passe Punkte individuell an. Kostenlos, 100% in deinem Browser.
50%
50%
50%
Referenz
Was ist clip-path?
Die CSS-Eigenschaft clip-path definiert einen Beschneidungsbereich, der bestimmt, welcher Teil eines Elements sichtbar ist. Alles außerhalb dieses Bereichs wird ausgeblendet, ohne das Layout zu beeinflussen.
Verfügbare Formen
circle() — ein Kreis mit definierbarem Radius und Mittelpunkt. ellipse() — eine Ellipse mit horizontalem und vertikalem Radius. inset() — ein Rechteck mit optionalen abgerundeten Ecken. polygon() — eine beliebige Form, definiert durch eine Liste von x/y-Koordinaten.
Datenschutz
Alle Verarbeitung läuft 100% in deinem Browser. Es werden keine Daten an Server gesendet.