Randradiusgenerator

Steuern Sie jede Ecke unabhängig und zeigen Sie eine Vorschau abgerundeter Formen an. Kopieren Sie Border-Radius-CSS in Kurzschrift oder Langschrift.

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

Steuern Sie jede Ecke unabhängig und zeigen Sie abgerundete Formen mit kopierfertigem CSS in der Vorschau an.
Läuft in Ihrem Browser
Kostenlose Nutzung

Anleitung

Ziehen Sie jeden Eckradius.
Optional können verbundene Ecken entsperrt werden.
Kopieren Sie das Border-Radius-CSS.

How this tool works

Ziehen Sie jeden Eckradius.
Optional können verbundene Ecken entsperrt werden.
Kopieren Sie das Border-Radius-CSS.

Recommended settings

Verwenden Sie zunächst die Standardoptionen und passen Sie sie dann bei Bedarf an

Supported formats

Text / on-page input

File size and limits

Sehr komplexe mehrschichtige Vorschauen wirken sich auf älteren Telefonen möglicherweise langsamer aus.

Privacy

Farb- und CSS-Generatoren laufen vollständig in Ihrem Browser. Vorschauen und Konvertierungen laden Ihre Stile niemals hoch.

Common use cases

Verwenden Sie den Border Radius Generator, wann immer Sie ihn benötigen: Steuern Sie jede Ecke unabhängig und zeigen Sie eine Vorschau abgerundeter Formen mit kopierfertigem CSS an.

Troubleshooting

Die Vorschau sieht nach dem Einfügen anders aus

Überprüfen Sie Ihre Seite auf konkurrierendes CSS (Zurücksetzungen, geerbte Farben). Kopieren Sie die generierte Regel zunächst in ein isoliertes Stylesheet.

FAQ

Lädt dies mein CSS hoch?

Nein. Generatoren und Konverter laufen in Ihrem Browser mit Live-Vorschau.

Brauche ich ein Konto?

Nein. Öffnen Sie das Tool, passen Sie die Steuerelemente an und kopieren Sie das CSS.