Web / CSS

Border-Radius-Generator

Erstelle abgerundete Ecken für Karten, Buttons, Bilder und UI-Elemente. Das Tool unterstützt gleiche, einzelne und asymmetrische Radien inklusive elliptischer Werte mit horizontaler und vertikaler Achse.

Radius einstellen

Einheit

Ausgabe

Klassenname

Vorschau-Farbe

Alle Ecken

24px

Slider-Maximum

Oben links

24px

Oben rechts

24px

Unten rechts

24px

Unten links

24px

Vertikale Achse

100%

Rahmenbreite

3px

Alle Ecken gekoppelt verändern

Elliptische Schreibweise mit Slash erzeugen

CSS-Ausgabe

Generierter Code

Hinweise

Ein Wert: Alle vier Ecken erhalten den gleichen Radius.
Vier Werte: Die Reihenfolge ist oben links, oben rechts, unten rechts, unten links.
Elliptisch: Mit der Slash-Schreibweise können horizontale und vertikale Radien getrennt werden.