CSS Border-Radius-Generator
Mit diesem CSS Border-Radius-Generator erstellen Sie abgerundete Ecken visuell. Passen Sie einen gemeinsamen Radius an oder setzen Sie horizontale und vertikale Werte je Ecke, wechseln Sie zwischen px und Prozent, sehen Sie die Vorschau sofort und kopieren Sie den erzeugten CSS-Code.
Anpassung
px
px
px
Alle Ecken
{{ allCorners.x }}{{ unit }}
{{ allCorners.x }}{{ unit }}
{{ allCorners.y }}{{ unit }}
{{ group.label }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].x }}{{ unit }}
{{ diagonalCorners[group.key].y }}{{ unit }}
{{ corner.label }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].x }}{{ unit }}
{{ corners[corner.key].y }}{{ unit }}
Experimental CSS property. Unsupported browsers will ignore it.