CSS border-radius generator

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Laatst bijgewerkt: 2026 · Gratis online tool

Wat is CSS border-radius generator?

Gratis online CSS border-radius editor met 8 bedieningspunten

1
Opties aanpassen — Pas de stijl aan met schuifregelaars en kleurkiezer.
2
Voorbeeld controleren — Controleer het resultaat in het realtime voorbeeld.
3
Code kopiëren — Kopieer de CSS- of SVG-code om in uw project te gebruiken.

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.