chevron_right

CSS Clip-Pfad-Generator

CSS clip-path Formen mit Live-Vorschau generieren.

Form

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

Parameter

Radius: 50

Center X: 50

Center Y: 50

Generiertes CSS

clip-path: circle(50% at 50% 50%);

Ahnliche Tools

CSS-Grid-Generator

Erstellen Sie responsive CSS-Grid-Layouts mit Live-Vorschau und kopierbarem Code.

CSS-Keyframes-Generator

Erstelle benutzerdefinierte CSS-Keyframes visuell mit Live-Vorschau und kopierfertigem Code.

CSS-Verlaufs-Text-Generator

Erstelle Textstile mit Farbverlauf ueber visuelle Regler, Live-Vorschau und kopierfertiges CSS.

CSS-Animations-Generator

Erstellen Sie wiederverwendbare CSS-Animationen mit Live-Bewegungsvorschau und kopierbaren Keyframes.

PDF nach Dateigröße teilen

Teile ein PDF in kleinere Teile auf, die jeweils unter einer gewählten Maximalgröße in Megabyte bleiben. Ideal für E-Mail-Anhänge und Upload-Limits.

PDF zusammenführen

Führen Sie mehrere PDF-Dateien schnell und sicher in Ihrem Browser zu einem Dokument zusammen.

Passphrasen-Generator

Erstelle starke, gut merkbare Passphrasen.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Elemente visuell formen, ohne Polygonpunkte von Hand zu setzen

clip-path eröffnet starke Masken und Silhouetten, aber Polygone manuell zu bearbeiten ist selten angenehm. Dieser Generator hilft dabei, gängige Formen visuell zu testen und das CSS erst dann zu übernehmen, wenn die Kontur passt.

Wann das besonders nützlich ist

Das Tool eignet sich gut für Bildmasken, ungewöhnliche Kartenformen und dekorative Abschnittskanten. Prüfen Sie vor dem finalen Einsatz auch, wie sich die Form mit Text, Bildern und verschiedenen Bildschirmgrößen verhält.