Maak aangepaste CSS border-radius met onafhankelijke hoekcontrole, live voorbeeld en één-klik kopiëren
Ontwikkelaarstools
Over deze tool
De Border Radius-generator laat je visueel CSS border-radius-waarden ontwerpen met onafhankelijke controle over elke hoek. Het beschikt over een live voorbeeldvak, koppelingsmodus voor gesynchroniseerde aanpassingen, eenheidsomschakeling tussen px en %, vooraf ingestelde vormen en één-klik kopiëren van de gegenereerde CSS-code.
Belangrijkste functies
- Onafhankelijke schuifregelaar voor elke hoek
- Live voorbeeld met realtime vormupdates
- Koppelingsmodus om alle hoeken tegelijkertijd aan te passen
- Eenheidsomschakeling tussen pixels en percentages
- Vooraf ingestelde vormen: Square, Circle, Pill, Leaf, Blob, Alternate
- Eén-klik kopiëren van gegenereerde CSS-code
Toepassingen
- Ontwerp aangepaste afgeronde hoeken voor UI-componenten en kaarten
- Maak organische blob-vormen voor modern webontwerp
- Genereer snel pil-vormige knoppen en invoervelden
- Experimenteer met asymmetrische border-radius voor creatieve lay-outs
- Kopieer productie-klare CSS voor border-radius-eigenschappen
css
border-radius
generator
preview
Veelgestelde vragen
Wat is de Border Radius-generator?
De Border Radius-generator is een online ontwikkelaarstool die aangepaste CSS border-radius-waarden maakt met onafhankelijke hoekcontrole, live voorbeeld en één-klik kopiëren. Het draait volledig in je browser zonder dat er gegevens naar een server worden verzonden.
Kan ik elke hoek onafhankelijk bedienen?
Ja, de tool biedt afzonderlijke schuifregelaars voor elke hoek (linksboven, rechtsboven, linksonder, rechtsonder). Je kunt ook de koppelingsmodus inschakelen om alle hoeken tegelijkertijd aan te passen.
Ondersteunt de tool percentage-eenheden?
Ja, je kunt schakelen tussen pixels (px) en percentages (%) met behulp van de eenheidsomschakeling. Dit is vooral handig voor het maken van cirkelvormige of elliptische vormen met 50% border-radius.
Zijn er vooraf ingestelde vormen beschikbaar?
Ja, de tool bevat presets voor veelvoorkomende vormen zoals Square, Circle, Pill, Leaf, Blob en Alternate. Door op een preset te klikken worden direct de bijbehorende border-radius-waarden toegepast.
Kan ik de Border Radius-generator op mijn telefoon gebruiken?
Ja, de Border Radius-generator is volledig responsief en werkt op alle apparaten, inclusief smartphones, tablets en desktopcomputers.