CSS border-radius generator
CSS-border-radius-generator met acht onafhankelijke hoekgrepen en schuifregelaars en een live voorbeeld van de afgeronde vorm. Kopieer de kant-en-klare border-radius-CSS, gratis in je browser.
border-radius: 50% 50% 50% 50%;Insluiten
Laatst bijgewerkt: 2026 · Gratis online tool
Wat is CSS border-radius generator?
CSS-border-radius-generator met acht onafhankelijke hoekgrepen en schuifregelaars en een live voorbeeld van de afgeronde vorm. Kopieer de kant-en-klare border-radius-CSS, gratis in je browser.
Gebruiksaanwijzing
- 1Opties aanpassen— Pas de stijl aan met schuifregelaars en kleurkiezer.
- 2Voorbeeld controleren— Controleer het resultaat in het realtime voorbeeld.
- 3Code kopiëren— Kopieer de CSS- of SVG-code om in uw project te gebruiken.
Gerelateerde tools
CSS box-shadow generatorCSS-box-shadow-generator met regelaars voor offset, blur, spread, kleur en inset en een live voorbeeld van de schaduw. Kopieer de kant-en-klare box-shadow-CSS, gratis in je browser.
CSS-gradiëntgeneratorVisuele CSS-gradient-generator voor lineaire, radiale en conische verlopen: zet kleurstops, pas de hoek aan en kopieer de CSS. Ideaal voor achtergronden en knoppen, gratis in je browser.
CSS Flexbox-generatorCSS-Flexbox-playground met een visuele editor voor justify-content, align-items, flex-direction en wrap, plus een live layoutvoorbeeld. Genereer kant-en-klare Flexbox-CSS, gratis in je browser.
CSS Eenheden ReferentieNaslagwerk voor CSS-eenheden als px, em, rem, %, vw, vh, vmin, vmax en ch, gerangschikt per categorie. Met heldere uitleg over elke absolute en relatieve eenheid, gratis in je browser.
Veelgestelde vragen
Het is een gratis online tool om 8-waarden border-radius visueel te bewerken.
Ja, veelgebruikte stijlpresets worden aangeboden.
Ja, u kunt de gegenereerde CSS-code direct kopiëren.
Nee. Alle verwerking gebeurt in de browser.
Ja, het responsieve ontwerp werkt op mobiele apparaten.