Runde Ecken pro Ecke visuell gestalten mit Live-Vorschau und Copy-Paste-CSS.
Der border-radius-Generator ist ein visuelles Tool zum Entwerfen abgerundeter Ecken in CSS mit Live-Vorschau. Steuern Sie jede Ecke einzeln (oben-links, oben-rechts, unten-rechts, unten-links) über Regler, inklusive unterschiedlicher horizontaler/vertikaler Radien (elliptische Form) via border-radius: 30px 10px / 15px 5px. Das Tool generiert sauberes CSS zum sofortigen Einfügen — ideal für Karten, Buttons, runde/ovale Avatare und moderne Container mit organischen Formen.
border-radius: 20px setzt denselben Radius auf alle 4 Ecken. 20px 10px 30px 5px definiert jede Ecke der Reihe nach: oben-links, oben-rechts, unten-rechts, unten-links.
Verwenden Sie border-radius: 50% auf einem quadratischen Element (gleiche Breite und Höhe).
Die Syntax 20px / 10px bedeutet horizontaler Radius 20px und vertikaler 10px, was elliptische Ecken erzeugt.
Ja. Jedes img akzeptiert border-radius, typischerweise 50% für runde Avatare.
Ja. Der Prozentwert wird relativ zur Breite (horizontal) bzw. Höhe (vertikal) berechnet.