Design

CSS-Border-Radius-Generator

Erstellen Sie abgerundete oder organische Eckenradien mit unabhängigen Ecken und Live-CSS-Ausgabe.

Stellen Sie jede Ecke einzeln ein – für Blob-Formen, Karten und Buttons. Verknüpfen Sie die Ecken für einen einheitlichen Radius oder lösen Sie die Verknüpfung für eigene Kurven.

Tool wird geladen…

Datenschutz: Ein schnelles, privates ToolPilot-Dienstprogramm. Ihre Daten werden nach Möglichkeit lokal in Ihrem Browser verarbeitet.

So geht's:

1Legen Sie den Radius für jede Ecke fest.
2Sehen Sie sich die Form auf der Arbeitsfläche an.
3Kopieren Sie das CSS.

Häufig gestellte Fragen

Wie erstelle ich eine Blob-Form?

Lösen Sie die Verknüpfung der Ecken und verwenden Sie sehr unterschiedliche Werte, etwa 60% 40% 30% 70%.

Werden meine Dateien auf einen Server hochgeladen?

Nein. Dieses Tool läuft vollständig in Ihrem Browser – mit JavaScript und, wo nötig, WebAssembly. Ihre Dateien und Texte verlassen Ihr Gerät nie.

CSS-Border-Radius-Generator

So geht's:

Häufig gestellte Fragen

Hilf uns, besser zu werden

Ähnliche Tools

Farbwähler + HEX/RGB/HSL

HEX / RGB / HSL-Konverter

Farbpalettengenerator

CSS-Verlaufsgenerator