Kleur & Ontwerp
Border Radius Generator
Gratis CSS border-radius generator. Creëer visueel een radius per hoek met live preview. Kopieer de verkorte CSS. Voor knoppen, kaarten en elke afgeronde vorm.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Redactionele opmerking
Understanding · The shape of a corner.
Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.
Veelgestelde vragen
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.
Mensen zoeken ook naar
Gerelateerde tools
More in this room.
- GradiëntgeneratorLineaire, radiale en conische CSS-gradiënten.
- Box Shadow GeneratorVisuele CSS box-shadow editor.
- Cubic Bezier EditorOntwerp CSS easing-curves visueel.
- CSS Animatie GeneratorBouw keyframes visueel, kopieer kant-en-klare CSS.
- CSS Filter GeneratorLive preview van blur, helderheid, hue-rotate en meer.
- Glassmorphism GeneratorFrosted-glass UI kaarten met backdrop-filter.