Wie erstelle ich einen Kreis?

Verwende border-radius: 50% auf einem Element mit gleicher Breite und Höhe. Bei einem Rechteck ergibt 50% eine Ellipse, während ein großer Pixelwert eine Pille mit geraden Seiten erzeugt.

Was bedeutet der Schrägstrich in border-radius?

Er trennt horizontale von vertikalen Radien, sodass jede Ecke eine Viertelellipse statt eines Viertelkreises sein kann. Organische Blob-Formen nutzen diese Schreibweise.

Border-Radius-Generator

Runde jede Ecke einzeln ab, wechsle zu elliptischen Radien und ziehe Kantengriffe, um Blob-Formen zu modellieren. Kopiere border-radius-CSS oder Tailwind.

Live-Vorschau

Wechsle zu %, um die Form mit Kantengriffen zu modellieren.

border-radius: 24px;

Alles bleibt in deinem Browser.

Formatreferenzen

MDN — border-radius

Tool-Seite aktualisiert: 2026-10-25

Live-Vorschau

Anleitung und Beispiel

Ähnliche Tools

Formatreferenzen