Border-Radius-Generator
Zeigen Sie CSS-border-radius-Werte für jede Ecke in Pixeln oder Prozent an und kopieren Sie sie.
Verwendung
Round the corners
Enter a value for each corner and choose pixels or percent. The preview updates as you type.
- Enter top-left, top-right, bottom-right and bottom-left values.
- Choose px or percent.
- Copy the border-radius declaration.
Percent units
Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.
Häufige Fragen
Can corners differ?
Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.
Does it support elliptical syntax?
The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.
Ähnliche Tools
CSS-Box-Shadow-Generator
Erstellen Sie Box-Schatten mit Reglern für Versatz, Unschärfe, Streuung und Farbe und kopieren Sie das CSS.
CSS-Verlaufsgenerator
Gestalten Sie lineare oder radiale CSS-Verläufe mit Live-Vorschau und fertigem CSS.
CSS-Formatierer
Verschönert CSS mit einer Eigenschaft pro Zeile und einheitlicher Einrückung.
UUID-/GUID-Generator
Erzeugt zufällige UUIDs der Version 4 und kopiert sie einzeln oder in großen Mengen.
Hash-Generator
Berechnet MD5-, SHA-1-, SHA-256- und SHA-512-Prüfsummen beliebiger Texte.
Zeitstempel-Konverter
Rechnet zwischen Unix-Zeitstempeln, ISO 8601 und lesbaren lokalen Datumswerten um.