Farbe & Design
Border-Radius-Generator
Kostenloser CSS-Border-Radius-Generator. Erstellen Sie visuell eckenspezifische Radien mit Live-Vorschau. Kopieren Sie das Kurzschreib-CSS. Für Schaltflächen, Karten und jede abgerundete Form.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Anmerkung der Redaktion
Understanding · The shape of a corner.
Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.
Häufig gestellte Fragen
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Andere suchten auch nach
Verwandte Tools
More in this room.
- Farbverlauf-GeneratorLineare, radiale und konische CSS-Farbverläufe.
- Box-Shadow-GeneratorVisueller CSS-Box-Shadow-Editor.
- Cubic-Bezier-EditorVisuelles Design von CSS-Easing-Kurven.
- CSS AnimationsgeneratorKeyframes visuell erstellen, gebrauchsfertiges CSS kopieren.
- CSS Filter GeneratorLive-Vorschau von Unschärfe, Helligkeit, Farbtondrehung und mehr.
- Glassmorphismus-GeneratorMattglas-UI-Karten mit Backdrop-Filter.